@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' }}">
    <style>
        .ups_text {
            width: 100px;
            /* content: 'Discount %'; */
        }
    </style>
@stop

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

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

@section('main_content')
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    @if(isset($zone))
                    {{ Form::model($zone, ['route' => ['backend.zone.update',$zone->id], 'method' => 'patch','class'=>'form-horizontal form-material','data-parsley-validate'=>'','autocomplete'=>'off','enctype'=>'multipart/form-data','id'=>'zoneForm']) }}
                    @php
                        $fromZone = explode(",",$zone->from_zone_id);
                        $toZone = explode(",",$zone->to_zone_id);
                    @endphp
                @else
                    {{ Form::open(['route' => 'backend.zone.store','class' => 'form-horizontal form-material','data-parsley-validate' => '','method' => 'POST','autocomplete' => 'off','enctype' => 'multipart/form-data','id' => 'zoneForm']) }}
                    @php
                    $fromZone = [];
                    $toZone = [];
                    @endphp
                @endif
                    <h4 class="card-title">Zone Discount Details
                        <button type="reset" style="float: right;"
                            onclick="window.location.href='{{ route('backend.zone.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 Discount </code></h6>
                    <div class="row col-md-12 form-group">
                        <div class="col-md-6">
                            <label class="form-control-label" for="from_zone_id">From (Canada): </label>
                            {{ Form::select('from_zone_id[]',$zoneMaster ,$fromZone,['class' => 'form-control select2','multiple'=>'multiple','id' => 'SelctFrom']) }}
                            @if (isset($errors) && $errors->first('from_zone_id'))
                                <code>{{ $errors->first('from_zone_id') }}</code>
                            @endif
                        </div>
                        <div class="col-md-6">
                            <label class="form-control-label" for="to_zone_id">To :</label>

                            <label class="radio inline">
                                {!! Form ::radio('country','canada',true) !!} Canada
                            </label>
                            <label class="radio inline">
                                {!! Form ::radio('country','us',(isset($zone) && $zone->to_zone_id == '-2' ? true : false)) !!} US                                
                            </label>
                        {{-- </div>
                        <div class="col-md-3"> 
                            <label class="form-control-label" for="to_zone_id">To Zone:</label>  --}}
                            {{ Form::select('to_zone_id[]', $zoneMaster, $toZone,['class' => 'form-control select2','multiple'=>'multiple','id' => 'SelctTo']) }}
                            @if (isset($errors) && $errors->first('to_zone_id'))
                                <code>{{ $errors->first('to_zone_id') }}</code>
                            @endif
                            {{ Form::hidden('to_zone_id[]', -2, ['disabled' => true,'id'=>'to_zone_id']) }}
                        </div>
                        <br>
                        <br>
                        <br>
                        <div class="col-md-6">
                            <p id="from_code"></p>
                        </div>
                        <br>
                        <br>
                        <div class="col-md-6">
                            <p id="to_code"></p>
                        </div>
                        
                        <div class="col-md-2">
                            <label class="form-control-label" for="ups_express">UPS Express</label>
                        </div>
                        <div class="col-md-10">
                            {{ Form::text('ups_express', Input::old('ups_express'), ['class' => 'form-control ups_text','autofocus' => 'true']) }}
                            @if (isset($errors) && $errors->first('ups_express'))
                                <code>{{ $errors->first('ups_express') }}</code>
                            @endif
                        </div>
                        <div class="col-md-2">
                            <label class="form-control-label" for="ups_standard">UPS Standard</label>
                        </div>
                        <div class="col-md-10">
                            {{ Form::text('ups_standard', Input::old('ups_standard'), ['class' => 'form-control ups_text','autofocus' => 'true']) }}
                            @if (isset($errors) && $errors->first('ups_standard'))
                                <code>{{ $errors->first('ups_standard') }}</code>
                            @endif
                        </div>
                        <div class="col-md-2">
                            <label class="form-control-label" for="ups_next_day_air">UPS Next Day Air</label>
                        </div>
                        <div class="col-md-10">
                            {{ Form::text('ups_next_day_air', Input::old('ups_next_day_air'), ['class' => 'form-control ups_text','autofocus' => 'true']) }}
                            @if (isset($errors) && $errors->first('ups_next_day_air'))
                                <code>{{ $errors->first('ups_next_day_air') }}</code>
                            @endif
                        </div>
                        <div class="col-md-2">
                            <label class="form-control-label" for="ups_2nd_day_air">UPS 2nd Day Air</label>
                        </div>
                        <div class="col-md-10">
                            {{ Form::text('ups_2nd_day_air', Input::old('ups_2nd_day_air'), ['class' => 'form-control ups_text','autofocus' => 'true']) }}
                            @if (isset($errors) && $errors->first('ups_2nd_day_air'))
                                <code>{{ $errors->first('ups_2nd_day_air') }}</code>
                            @endif
                        </div>
                        <div class="col-md-2">
                            <label class="form-control-label" for="ups_ground">UPS Ground</label>
                        </div>
                        <div class="col-md-10">
                            {{ Form::text('ups_ground', Input::old('ups_ground'), ['class' => 'form-control ups_text','autofocus' => 'true']) }}
                            @if (isset($errors) && $errors->first('ups_ground'))
                                <code>{{ $errors->first('ups_ground') }}</code>
                            @endif
                        </div>
                        <div class="col-md-2">
                            <label class="form-control-label" for="ups_express_saver">UPS Express Saver</label>
                        </div>
                        <div class="col-md-10">
                            {{ Form::text('ups_express_saver', Input::old('ups_express_saver'), ['class' => 'form-control ups_text','autofocus' => 'true']) }}
                            @if (isset($errors) && $errors->first('ups_express_saver'))
                                <code>{{ $errors->first('ups_express_saver') }}</code>
                            @endif
                        </div>
                        <div class="col-md-2">
                            <label class="form-control-label" for="ups_expedited">UPS Expedited</label>
                        </div>
                        <div class="col-md-10">
                            {{ Form::text('ups_expedited', Input::old('ups_expedited'), ['class' => 'form-control ups_text','autofocus' => 'true']) }}
                            @if (isset($errors) && $errors->first('ups_expedited'))
                                <code>{{ $errors->first('ups_expedited') }}</code>
                            @endif
                        </div>
                        <div class="col-md-2">
                            <label class="form-control-label" for="ups_3_day_select">UPS 3 Day Select</label>
                        </div>
                        <div class="col-md-10">
                            {{ Form::text('ups_3_day_select', Input::old('ups_3_day_select'), ['class' => 'form-control ups_text','autofocus' => 'true']) }}
                            @if (isset($errors) && $errors->first('ups_3_day_select'))
                                <code>{{ $errors->first('ups_3_day_select') }}</code>
                            @endif
                        </div>
                        <div class="col-md-2">
                            <label class="form-control-label" for="ups_express_plus">UPS Worldwide Express Plus</label>
                        </div>
                        <div class="col-md-10">
                            {{ Form::text('ups_express_plus', Input::old('ups_express_plus'), ['class' => 'form-control ups_text','autofocus' => 'true']) }}
                            @if (isset($errors) && $errors->first('ups_express_plus'))
                                <code>{{ $errors->first('ups_express_plus') }}</code>
                            @endif
                        </div>
                    </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" src="{{ APP_ROOT . 'js/get-data.js' }}"></script>
    <script type="text/javascript">
        var VERIFY_EMAIL = '{{ route('backend.verify.email') }}';
        var userId = '{{ isset($discount) ? $discount->id : 0 }}';
    </script>
    <script src="{{ BE_URL . 'js/discount_common.js' }}"></script>
    <script>
        var list, index;
        list = document.getElementsByClassName("ups_text");
        for (index = 0; index < list.length; ++index) {
            list[index].setAttribute("placeholder", "Discount %");
        }
        var is_us_shipping = "{{ isset($zone) ? $zone->to_zone_id : 0 }}";
        if(is_us_shipping == '-2'){
            $('#SelctTo').next(".select2-container").hide();
            $('#to_zone_id').attr('disabled',false);
        }else{
            $('#SelctTo').next(".select2-container").show();
            $('#to_zone_id').attr('disabled',true);
        }
        $('input[type=radio][name=country]').change(function() {
            if(this.value == 'us'){
                $('#SelctTo').next(".select2-container").hide();
                $('#to_zone_id').attr('disabled',false);
            }else{
                $('#SelctTo').next(".select2-container").show();
                $('#to_zone_id').attr('disabled',true);
            }
        });
    </script>
    {{-- <script>
        $('select').on('change', function() {
            let name = $(this).attr('name');
            var url = "{{ route('backend.getZoneZipCodelist',':id') }}";
            url = url.replace(':id', $(this).val());
            $.ajax({
                    url:url,
                    type:'POST',
                    dataType:'JSON',
                    success:function(res){
                        console.log(res);
                        //var zipCode =  res[0];
                        if (res) {
                            if (name == "from_zone_id[]") {
                                $('#from_code').html(res);
                            } 
                            if (name == "to_zone_id[]") {
                                $('#to_code').html(res);
                            }
                            
                        }
                    },
                    error:function(){
                        flash('Something went wrong. Try again!');
                    }
                })
        });
    </script> --}}
@stop