@extends('superadmin::layouts.master')
@section('title',__('Add'))
@section('extra_styles')
<link href="{{ url('assets/css/plugins/imageUpload/style.css') }}" rel="stylesheet">

@endsection
@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route("dashboard-home")}}">@lang('Home')</a></li>
            <li class="breadcrumb-item"><a href="{{route("partners.index")}}">@lang('partners::partners.partners')</a></li>
            <li class="breadcrumb-item"><a href="{{route("partners.create")}}">@lang('Create')</a></li>
        </ol>
    </div>
</div>
@endsection

@section('content')
<div class="row ibox-content m-b-sm hidden-print list-actions mb-1">
    <div class="col-md-6 hidden">
        <h4 class="content-header-title mb-0">@yield('title')</h4>
    </div>
    <div class="col-md-12 bkBtn">
        <div role="group" aria-label="Button group with nested dropdown" class="btn-group">
            <a href="{{route('partners.index')}}" class="btn btn-primary btn-min-width">{{__('Back')}}</a>
        </div>
    </div>
</div>
<section id="striped-row-form-layouts" class="add-form-section filter-section-collapse">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body collapse in">
                    <!-- END MESSAGE-->
                    <div class="card-block">
                        <form action="{{ route('partners.store') }}" method="POST" enctype="multipart/form-data" class="form form-horizontal striped-rows form-bordered dev-form-validate">
                            @csrf
                            <div class="row">
                                <div class="col-lg-9  col-md-10 col-xs-12">
                                    <div class="form-group mb-1">
                                        <div class="row border-0">
                                            <div class="col-md-3">
                                                <label for="name">@lang('partners::partners.name')</label> <span class="text-danger">*</span>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="text" name="name" value="{{ old('name', request('name')) }}" class="form-control @if($errors->has('name')) is-invalid @endif" data-msg-required="Please enter a name" placeholder="Name displayed in bills">
                                                @error('name')
                                                <span class="invalid-feedback" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <label for="country">@lang('partners::partners.country')</label> <span class="text-danger">*</span>
                                            </div>
                                            <div class="col-md-9">
                                                <select name="country_code[]" id="country_code" multiple class="js-example-basic-multiple form-control select2 @if($errors->has('country_code')) is-invalid @endif" tabindex="0" aria-hidden="true">
                                                    @forelse($countries as $key => $country)
                                                        <option @if(old('country_code', request('country_code')) == $key) selected @endif value="{{ $key }}">{{ $country }}</option>
                                                    @empty
                                                    @endforelse
                                                </select>
                                                @error('country_code')
                                                <span class="invalid-feedback" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group my-1">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <label for="city_code">@lang('partners::partners.city')</label> <span
                                                    class="text-danger">*</span>
                                            </div>
                                            <div class="col-md-9">
                                                <select name="city_code[]" id="country_code" multiple class="js-example-basic-multiple form-control select2 @if($errors->has('city_code')) is-invalid @endif" tabindex="0" aria-hidden="true">
                                                    @forelse($cities as $key => $city)
                                                        <option @if(old('city_code', request('city_code')) == $key) selected @endif value="{{ $key }}">{{ $city }}</option>
                                                    @empty
                                                    @endforelse
                                                </select>
                                                @error('city_code')
                                                <span class="invalid-feedback" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group  mb-1">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <label for="url">@lang('partners::partners.url')</label>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="text" name="url" value="{{ old('url', request('url')) }}" class="form-control @if($errors->has('url')) is-invalid @endif" >
                                                @error('url')
                                                <span class="invalid-feedback" role="alert">
                                                    <p>{{ $message }}</p>
                                                </span>
                                                @enderror
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <label for="img">@lang('partners::partners.image')</label><span
                                                    class="text-danger">*</span>
                                            </div>
                                            <div class="col-md-9">
                                                <div class="input-group">
                                                    <div class="custom-file w-100">
                                                        <input type="file" name="img" class="imgInp custom-file-input w-100 form-control" id="inputGroupFile01" aria-describedby="inputGroupFileAddon01" title="@lang('no file chosen')">
                                                        <label for="img" class="custom-file-label @if($errors->has('img')) is-invalid @endif">@lang('Choose file')</label>
                                                        @error('img')
                                                        <span class="invalid-feedback" role="alert">
                                                            <p>{{ $message }}</p>
                                                        </span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-actions text-xs-center">
                                <button type="submit" class="btnWidth btn btn-primary saveDraftBtn-color mb-1">
                                    <i class="fa fa-check-square-o"></i> @lang('Save')
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection
@section('extra_scripts')
<script src="{{ url('assets/js/plugins/imageUpload/script.js') }}" defer></script>
<script>
window.addEventListener('DOMContentLoaded', function () {
    $('#country_code').change(function(){
            var country_code = $(this).val();
            getCountryCities(country_code);
        });
    });


function getCountryCities(country_code) {
    if (Array.isArray(country_code) && country_code.length > 0) {
        $.ajax({
            type: "GET",
            dataType: "json",
            url: "{{url('show-country-cities')}}?country_code=" + JSON.stringify(country_code),
            success: function(res) {
                var response = res.data;
                if (res.status == 200) {
                    $("#city_code").empty();
                    $.each(response, function(key, value) {
                        $("#city_code").append('<option value="' + key + '">' + value + '</option>');
                    });
                } else {
                    $("#city_code").empty();
                }
            }
        });
    } else {
        $("#city_code").empty();
    }
}
</script>
@endsection