@extends('layouts.app')


@section('content')
    
<div class="content-wrapper">
    <div class="bg-white rounded">
        <div class="row">
            <div class="col-sm-12">
                <form action="{{ (isset($editInfo)) ? route('carriers.update', $editInfo->id) : route('carriers.store') }}" method="post">
                    @csrf
                    @if(isset($editInfo))
                        @method('put')
                    @endif
                    <div class="add-client bg-white rounded">
                        <h4 class="mb-0 p-20 f-21 font-weight-normal text-capitalize border-bottom-grey">
                            {{ $pageTitle }}
                        </h4>
                    </div>

                    <div class="row p-20">
                        <div class="col-md-4">
                            <div class="form-group my-3">
                                <label class="f-14 text-dark-grey mb-12">
                                    Carrier Name 
                                    <sup class="f-14 mr-1">*</sup>
                                </label>
                                <input type="text" class="form-control height-35 f-14" placeholder="" value="{{ old('name') != null ? old('name') : (isset($editInfo) && $editInfo->name ? $editInfo->name : '') }}" name="name" required>
                                @error('name')
                                    <span class="text-danger text-sm text-red text-bold">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group my-3">
                                <label class="f-14 text-dark-grey mb-12">
                                    Description
                                    <sup class="f-14 mr-1"></sup>
                                </label>
                                <textarea class="form-control f-14 pt-2" rows="2" placeholder="" name="description">{{ old('description') != null ? old('description') : (isset($editInfo) && $editInfo->description ? $editInfo->description : '') }}</textarea>
                                @error('description')
                                    <span class="text-danger text-sm text-red text-bold">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group my-3">
                                <label class="f-14 text-dark-grey mb-12">
                                    Status
                                    <sup class="f-14 mr-1">*</sup>
                                </label>
                                @php
                                    if(old('status') != null){
                                        $selected = old('status');
                                    }else if(isset($editInfo) && isset($editInfo->status)){
                                        $selected = $editInfo->status;
                                    }else{
                                        $selected = null;
                                    }
                                    $datas = ['Publish', 'Unpublish'];
                                @endphp

                                <select name="status" data-live-search="true" class="form-control select-picker" data-size="8" tabindex="null" required>
                                    <option value="">--Select Status--</option>
                                    @foreach($datas as $item)
                                        <option value="{{ $item }}" {{ $item == $selected ? 'selected' : '' }}>{{ $item }}</option>
                                    @endforeach
                                </select>
                                @error('status')
                                    <span class="text-danger text-sm text-red text-bold">{{ $message }}</span>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="w-100 border-top-grey d-block d-lg-flex d-md-flex justify-content-start px-4 py-3">
                        <button type="submit" class="btn-primary rounded f-14 p-2 mr-3">
                            <svg class="svg-inline--fa fa-check fa-w-16 mr-1" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
                                <path
                                    fill="currentColor"
                                    d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
                                ></path>
                            </svg>
                            <!-- <i class="fa fa-check mr-1"></i> Font Awesome fontawesome.com -->
                            Save
                        </button>

                        <a href="{{ route('carriers.index') }}" class="btn-cancel rounded f-14 p-2 border-0">
                            Cancel
                        </a>
                    </div>

                </form>
            </div>
        </div>
    </div>
</div>

@endsection

@section('script')
    <script type="text/javascript">
        $('.custom-date-picker').each(function(ind, el) {
            datepicker(el, {
                position: 'bl',
                ...datepickerConfig
            });
        });
    </script>
@endsection