@extends('backend.includes.panel')

@section('page_css')
    <link href="{{ BE_URL . 'plugins/bootstrap-switch/bootstrap-switch.min.css' }}" rel="stylesheet">
    <link rel="stylesheet" href="{{ BE_URL . 'plugins/dropify/dist/css/dropify.min.css' }}">
    <meta name="csrf-token" content="{{ csrf_token() }}">
@stop

@section('page_title', 'Zone Master')

@section('inner_page_link')
    <li class="breadcrumb-item active">Zone Master Add/Edit</li>
@stop

@section('main_content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    @if(isset($zoneMaster))
                    {{ Form::model($zoneMaster, ['route' => ['backend.zone_master.update',$zoneMaster->id], 'method' => 'patch','class'=>'form-horizontal form-material','data-parsley-validate'=>'','autocomplete'=>'off','enctype'=>'multipart/form-data','id'=>'zoneForm']) }}
                @else
                    {{ Form::open(['route' => 'backend.zone_master.store','class' => 'form-horizontal form-material','data-parsley-validate' => '','method' => 'POST','autocomplete' => 'off','enctype' => 'multipart/form-data','id' => 'zoneForm']) }}
                @endif
                    <h4 class="card-title">Zone Master Details
                        <button type="reset" style="float: right;"
                            onclick="window.location.href='{{ route('backend.zone_master.index') }}'"
                            class="btn btn-warning waves-effect waves-light m-r-10">Cancel</button>
                        <button type="submit" style="float: right;"
                            class="btn btn-success waves-effect waves-light m-r-10">Submit</button>
                    </h4>
                    <h6 class="card-subtitle">Details of <code>Zone Master </code></h6>
                    <div class="row col-md-12 form-group">
                        <div class="col-md-6">
                            <label class="form-control-label" for="country">Country:</label>
                            {{ Form::select('country', \App\Country::all()->pluck('name','id')->toArray(), null,['class' => 'form-control select2']) }}
                            {{-- {!! Form::select('country', \App\ZoneMaster::all()->pluck('name')->toArray(), null, ['class' => 'form-control']) !!} --}}
                            {{-- {{ Form::number('country', old('country'), ['class' => 'form-control','autofocus' => 'true']) }} --}}
                            @if (isset($errors) && $errors->first('country'))
                                <code>{{ $errors->first('country') }}</code>
                            @endif
                        </div>
                        <div class="col-md-6">
                            <label class="form-control-label" for="zone">Zone</label>
                            {{ Form::text('zone', Input::old('zone'), ['class' => 'form-control ups_text','autofocus' => 'true']) }}
                            @if (isset($errors) && $errors->first('zone'))
                                <code>{{ $errors->first('zone') }}</code>
                            @endif
                        </div>
                        <br>
                        <br>
                        <br>
                        <br>
                        <table class="table table-bordered" id="dynamicAddRemove">  
                            <tr>
                                <th>Start Zip Code</th>
                                <th>End Zip Code</th>
                                <th>Action</th>
                            </tr>
                            <tr>  
                                <td style="display:none;"><input type="hidden" name=zipFields[0][zone_zip_code_id]" value="{{ @$zoneZipCode[0]->id }}" placeholder="Enter Start Zip-Code" class="form-control" /></td>  
                                <td><input type="text" name="zipFields[0][start_zip_code]"  value="{{ @$zoneZipCode[0]->start_zip_code }}" placeholder="Enter Start Zip-Code" class="form-control" /></td>  
                                <td><input type="text" name="zipFields[0][end_zip_code]" value="{{ @$zoneZipCode[0]->end_zip_code }}"  placeholder="Enter End Zip-Code" class="form-control" /></td>  
                                @if(isset($zoneMaster) && isset($zoneZipCode[0]->id))
                                <td><a href="{{ route('backend.zone_ZipCode.destroy',@$zoneZipCode[0]->id) }}" class="btn btn-danger" style="font-size: 0.8em;" id="deleteZipCode" data-id="{{ @$zoneZipCode[0]->end_zip_code }}">Delete</a>
                                    </td>
                                @endif
                                <td><button type="button" name="add" id="add-btn" class="btn btn-success">Add More</button></td>  
                            </tr> 
                            @if(isset($zoneMaster))
                            @foreach ($zoneZipCode as $key => $item)
                            @if ($loop->iteration != 1)
                            <tr>
                                <td style="display:none;"><input type="hidden" name="zipFields[{{$key}}][zone_zip_code_id]" value="{{ $item->id }}" placeholder="Enter Start Zip-Code" class="form-control" /></td>  
                                <td><input type="text" name="zipFields[{{$key}}][start_zip_code]" value="{{ $item->start_zip_code }}" placeholder="Enter Start Zip-Code" class="form-control" /></td>  
                                <td><input type="text" name="zipFields[{{$key}}][end_zip_code]" value="{{ $item->end_zip_code }}" placeholder="Enter End Zip-Code" class="form-control" /></td>  
                                <td> 
                                <a href="{{ route('backend.zone_ZipCode.destroy',$item->id) }}" class="btn btn-danger" style="font-size: 0.8em;" id="deleteZipCode" data-id="{{ $item->id }}">
                                    Delete
                                </a>
                                </td>
                            </tr>
                            @endif
                            @endforeach
                            <input type="hidden" id="ZoneCount" value="{{ $zoneZipCode->count() }}" placeholder="Enter End Zip-Code" class="form-control" />
                            @endif 
                        </table> 
                    </div>
                {{ Form::close() }}
                </div>
            </div>
        </div>
    </div>
@stop

@section('page_script')
    <script src="{{ BE_URL . 'plugins/bootstrap-switch/bootstrap-switch.min.js' }}"></script>
    <script src="{{ BE_URL . 'plugins/dropify/dist/js/dropify.min.js' }}"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
    <script type="text/javascript" src="{{ APP_ROOT . 'js/get-data.js' }}"></script>
    <script type="text/javascript">
        var numeric = $("#ZoneCount").val();
        if (numeric) {
            var i = numeric + 1;
        }else{
            var i = 0;
        } 

        $("#add-btn").click(function(){
        ++i;
        $("#dynamicAddRemove").append('<tr><td><input type="text" name="zipFields['+i+'][start_zip_code]" placeholder="Enter Start Zip-Code" class="form-control" /></td><td><input type="text" name="zipFields['+i+'][end_zip_code]" placeholder="Enter End Zip-Code" class="form-control" /></td><td><button type="button" class="btn btn-danger remove-tr">Delete</button></td></tr>');
        });
        $(document).on('click', '.remove-tr', function(){  
        $(this).parents('tr').remove();
        });  
        </script>
        <script>
            $("body").on("click","#deleteZipCode",function(e){
                if(!confirm("Do you really want to do this?")) {
                return false;
                }
                e.preventDefault();
                var id = $(this).data("id");
                var token = $("meta[name='csrf-token']").attr("content");
                var url = e.target;
                $.ajax(
                    {
                    url: url.href, //or you can use url: "company/"+id,
                    type: 'DELETE',
                    data: {
                        _token: token,
                            id: id
                    },
                    success: function (response){
                        $("#success").html(response.message)
                        Swal.fire(
                        'Remind!',
                        'zone ZipCode deleted successfully!',
                        'success'
                        ).then((result) => {
                            location.reload();
                        });
                    }
                });
                return false;
            });

        </script>
@stop