@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' }}">
@stop

@section('page_title','Shipment Service')

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

@section('main_content')
	<div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    @if(isset($shipment_service))
                        {{ Form::model($shipment_service, ['route' => ['backend.shipment_service.update',$shipment_service->id], 'method' => 'patch','class'=>'form-horizontal form-material','data-parsley-validate'=>'','autocomplete'=>'off','enctype'=>'multipart/form-data','id'=>'shipmentServiceForm']) }}
                    @else
                        {{ Form::open(['route' => 'backend.shipment_service.store','class'=>'form-horizontal form-material','data-parsley-validate'=>'','method'=>'POST','autocomplete'=>'off','enctype'=>'multipart/form-data','id'=>'shipmentServiceForm']) }}
                    @endif
                    <h4 class="card-title">Shipment Service Details
                        <button type="reset" style="float: right;" onclick="window.location.href='{{ route('backend.shipment_service.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>Shipment Service </code></h6>
                    <div class="row col-md-12">
                        <div class="col-md-4">
                            <div class="form-group m-b-40">
                                <label class="form-control-label" for="name">Name</label>
                                {{ Form::text('name',Input::old('name'),['class'=>'form-control','data-parsley-required'=>'true','autofocus'=>'true']) }}
                                @if(isset($errors) && $errors->first('name'))
                                <code>{{ $errors->first('name') }}</code>
                                @endif
                            </div>
                        </div>  
                    </div>
                    @php
                        $shipment_raw_configurations = [
                            'sandbox' => [],
                            'production' => [],
                        ]; 
                    @endphp
                    @if(isset($shipment_service) && $shipment_service->service_configuration)
                        @php $shipment_configurations = json_decode($shipment_service->service_configuration,TRUE); @endphp
                    @endif

                    @foreach($shipment_raw_configurations as $type => $shipment_configuration)
                    <div class="shipment_configuration" >
                        <div class="row col-md-12">
                            <div class="col-md-6">
                                <div class="form-group m-b-40">
                                    <label class="form-control-label" for="name">Shipment API Configuration ({{ $type }}) </label>
                                </div>
                            </div>  
                            <div class="col-md-4">
                                <div class="form-group m-b-40">
                                    <button type="button" class=" waves-effect waves-light btn-success btn btn-circle btn-sm pull-left  m-l-10" onclick="addKeyValueRow('{{ $type }}');"><i class="fa fa-plus"></i></button>
                                </div>
                            </div>  
                        </div>
                        <div class="configuration_container" data-type="{{ $type }}">
                            @if(isset($shipment_configurations['configuration_keys'][$type]) && !empty($shipment_configurations['configuration_keys'][$type]))
                                @foreach($shipment_configurations['configuration_keys'][$type] as $configuration_key => $configuration_value)
                                    <div class="row key_value_row col-md-12">
                                       <div class="col-md-4">
                                          <div class="form-group m-b-40"> <label class="form-control-label" for="name">Key</label> <input class="form-control" data-parsley-required="true" name="keys[{{ $type }}][]" type="text" value="{{ $configuration_key }}"> </div>
                                       </div>
                                       <div class="col-md-2">
                                          <div class="form-group m-b-40 text-center"> <button type="button" class="waves-effect waves-light btn-success btn  btn-sm"><i class="fas fa-arrow-right"></i></button> </div>
                                       </div>
                                       <div class="col-md-4">
                                          <div class="form-group m-b-40"> <label class="form-control-label" for="name">Value</label> <input class="form-control" data-parsley-required="true" name="values[{{ $type }}][]" type="text" value="{{ $configuration_value }}"> </div>
                                       </div>
                                       <div class="col-md-2">
                                          <div class="form-group m-b-40"> <button type="button" class="remove_row waves-effect waves-light btn-success btn btn-circle btn-sm pull-left m-l-10"><i class="fas fa-minus"></i></button> </div>
                                       </div>
                                    </div>
                                @endforeach
                            @endif
                        </div>
                    </div>
                    <hr/>
                    @endforeach
                    <div class="form-group m-b-40">
                        @if(isset($shipment_service->logo))
                            {{ Form::hidden('old_image',$shipment_service->logo,['id'=>'old_image']) }}
                        @endif
                        <h4 class="card-title">Logo</h4>
                        <div class="col-md-4">
                            <input type="file" id="input-file-now-custom-1" name="logo" class="dropify" data-default-file="{{ (isset($shipment_service->logo) && !empty($shipment_service->logo) ? \Storage::disk('shipment_services')->url($shipment_service->id.'/'.$shipment_service->logo) : '') }}" />
                        </div>
                    </div>
                    <div class="bt-switch form-group m-b-5">
                        <h4>Status</h4>
                        {{ Form::checkbox('status',1,null,['data-on-color'=>'info','data-off-color'=>'danger']) }}
                    </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 type="text/javascript">
    var userId = '{{ (isset($shipment_service) ? $shipment_service->id : 0 ) }}';
    var addKeyValueRow = function(type){
        $('.configuration_container[data-type="'+type+'"]').append(`<div class="row key_value_row col-md-12"> <div class="col-md-4"> <div class="form-group m-b-40"> <label class="form-control-label" for="name">Key</label> <input class="form-control" data-parsley-required="true" name="keys[`+type+`][]" type="text" value=""> </div> </div> <div class="col-md-2"> <div class="form-group m-b-40 text-center"> <button type="button" class="waves-effect waves-light btn-success btn  btn-sm"><i class="fas fa-arrow-right"></i></button> </div> </div>   <div class="col-md-4"> <div class="form-group m-b-40"> <label class="form-control-label" for="name">Value</label> <input class="form-control" data-parsley-required="true" name="values[`+type+`][]" type="text" value=""> </div> </div> <div class="col-md-2"> <div class="form-group m-b-40"> <button type="button" class="remove_row waves-effect waves-light btn-success btn btn-circle btn-sm pull-left m-l-10"><i class="fas fa-minus"></i></button> </div> </div>   </div>`);
    }

    // if($('.key_value_row').length == 0){
    //     addKeyValueRow();
    // }

    $(document).on('click','.remove_row',function(){
        $(this).closest('.key_value_row').remove();
    });

</script>
<script src="{{ BE_URL.'js/shipment_service.js' }}"></script>
@stop