@extends('admin.layouts.main')

@section('title')
@if($edit)
Edit Client
@else
Add Client
@endif

@endsection

@section('content')
<main>
    <div class="two-col">

        @include("admin.common.sidebar")

        <div class="right-sec">

            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="javascript:void(0)">Directory</a></li>
                    <li class="breadcrumb-item active" aria-current="page"><a
                            href="{{ route('admin.clients.indexpageload',['panel' => Session::get('panel') ]) }}">Clients</a>
                    </li>
                    @if($edit)
                    <li class="breadcrumb-item active" aria-current="page">Edit Client</li>
                    @else
                    <li class="breadcrumb-item active" aria-current="page">Add Client</li>
                    @endif
                </ol>
            </nav>


            <div class="form-sec">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
                            <div class="step-box">
                                <form autofill="false" method="post"
                                    action="{{ route('admin.clients.storeClient', ['panel' => Session::get('panel') ]) }}" autocomplete="off"
                                    id="formStep" name="addClient" enctype="multipart/form-data">@csrf
                                    <div class="form-body">
                                        @if($edit)
                                        <h2 class="form-sec-title">Edit Client</h2>
                                        <input type="hidden" name="id" value="{{$companyDetail->id}}">
                                        @else
                                        <h2 class="form-sec-title">Add Client</h2>
                                        @endif

                                        <div class="row">

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">Name <span
                                                            class="required">*</span></label>
                                                    <input type="text" name="name" class="form-control"
                                                        value="@if($edit){{$companyDetail->name}}@else{{old('name')}}@endif"
                                                        placeholder="Enter Name" />
                                                    @if($errors->has('name'))
                                                    <span class="invalid-feedback">{{$errors->first('name')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">Abbreviation <span
                                                            class="required">*</span></label>
                                                    <input type="text" name="abbreviation" class="form-control"
                                                        value="@if($edit){{$companyDetail->abbreviation}}@else{{old('abbreviation')}}@endif"
                                                        placeholder="Enter Abbreviation" />
                                                    @if($errors->has('abbreviation'))
                                                    <span class="invalid-feedback">{{$errors->first('abbreviation')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">Description</label>
                                                    <textarea name="description" class="form-control"
                                                        placeholder="Description">@if($edit){{$companyDetail->description}}@else{{old('description')}}@endif</textarea>
                                                </div>

                                            </div>

                                            <div class="col-md-12">
                                                <div class="form-group file-upload">
                                                    <label class="control-label">Client Logo</label>
                                                    <div class="custom-file">
                                                        <input type="file" class="custom-file-input fileupload"
                                                            id="companyLogo" name="companyLogo">
                                                        <label class="custom-file-label" for="companyLogo"><img
                                                                src="{{ asset('/img/file-upload.svg')}}"
                                                                alt="upload">Upload</label>
                                                    </div>
                                                </div>
                                            </div>
                                            @if(isset($companyDetail->logo_image))
                                            <div class="col-md-12 previewDiv">
                                                <div class="thumbnail-wrapper">
                                                    <img width="100" height="100" class="preview"
                                                        src="{{ config('custom.download.url') . config('custom.upload.company.logo_path') }}/{{ $companyDetail->logo_image }}">
                                                    <a href="javascript:void(0)" class="deleteLogo">
                                                        <i class="material-icons delete">close</i>
                                                    </a>
                                                </div>
                                            </div>
                                            @else
                                            <div class="col-md-12 previewDiv" style="display:none;">
                                                <div class="thumbnail-wrapper">
                                                    <img width="100" height="100" class="preview" src="">
                                                </div>
                                            </div>
                                            @endif


                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">Address Line 1 <span
                                                            class="required">*</span></label>
                                                    <input type="text" name="address1" class="form-control"
                                                        value="@if($edit){{$companyDetail->address1}}@else{{old('address1')}}@endif"
                                                        placeholder="Address Line 1" />
                                                    @if($errors->has('address1'))
                                                    <span class="invalid-feedback">{{$errors->first('address1')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">Address Line 2 <span
                                                            class="required">*</span></label>
                                                    <input type="text" name="address2" class="form-control"
                                                        value="@if($edit){{$companyDetail->address2}}@else{{old('address2')}}@endif"
                                                        placeholder="Address Line 2" />
                                                    @if($errors->has('address2'))
                                                    <span class="invalid-feedback">{{$errors->first('address2')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="country_id">Country <span
                                                            class="required">*</span></label>
                                                    <select class="form-control" name="country_id" id="country_id">
                                                        <option value="" hidden>Please select</option>
                                                        @foreach($countries as $key => $country)
                                                        <option @if($country->countries->id == old('country_id'))
                                                            selected="selected"
                                                            @elseif(isset($companyDetail->country_id) &&
                                                            $country->countries->id ==
                                                            $companyDetail->country_id)
                                                            selected="selected"
                                                            @endif
                                                            id="{{$country->countries->id}}"
                                                            value="{{$country->countries->id}}">
                                                            {{$country->countries->name}}</option>
                                                        @endforeach
                                                    </select>
                                                    @if($errors->has('country_id'))
                                                    <span
                                                        class="invalid-feedback">{{$errors->first('country_id')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="State">State <span
                                                            class="required">*</span></label>
                                                    <select class="form-control" name="state_id" id="state_id">
                                                        <option value="" hidden>Select State</option>
                                                        @foreach($statesList as $key => $state)
                                                        <option @if($edit) @if($companyDetail->state_id == $state->id)
                                                            selected=selected
                                                            @endif
                                                            @endif
                                                            id="{{$state->id}}" value="{{$state->id}}"> {{$state->name}}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                    @if($errors->has('state_id'))
                                                    <span class="invalid-feedback">{{$errors->first('state_id')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="City">City<span
                                                            class="required">*</span></label>
                                                    <select class="form-control" name="city_id" id="city_id">
                                                        <option value="" hidden>Select City</option>
                                                        @foreach($citiesList as $key => $city)
                                                        <option @if($edit) @if($companyDetail->city_id == $city->id)
                                                            selected=selected
                                                            @endif
                                                            @endif
                                                            id="{{$city->id}}" value="{{$city->id}}"> {{$city->name}}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                    @if($errors->has('city_id'))
                                                    <span class="invalid-feedback">{{$errors->first('city_id')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">Zipcode <span
                                                            class="required">*</span></label>
                                                    <input type="text" class="form-control" name="zip_code"
                                                        value="@if($edit){{$companyDetail->zip_code}}@else{{old('zip_code')}}@endif"
                                                        placeholder="Enter Zipcode" />
                                                    @if($errors->has('zip_code'))
                                                    <span class="invalid-feedback">{{$errors->first('zip_code')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">Google Map Location <span
                                                            class="required">*</span></label>
                                                    <input type="text" class="form-control" name="google_map_location"
                                                        value="@if($edit){{$companyDetail->google_map_location}}@else{{old('google_map_location')}}@endif"
                                                        placeholder="Enter Google Map Location" />
                                                    @if($errors->has('google_map_location'))
                                                    <span class="invalid-feedback">{{$errors->first('google_map_location')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">Phone #1 </label>
                                                    <input type="text" class="form-control" name="mobile"
                                                        value="@if($edit){{$companyDetail->mobile}}@else{{old('mobile')}}@endif"
                                                        placeholder="Enter Phone #1" />
                                                    @if($errors->has('mobile'))
                                                    <span class="invalid-feedback">{{$errors->first('mobile')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">Phone #2</label>
                                                    <input type="text" class="form-control" name="mobile2"
                                                        value="@if($edit){{$companyDetail->mobile2}}@else{{old('mobile2')}}@endif"
                                                        placeholder="Enter Phone #2" />
                                                    @if($errors->has('mobile2'))
                                                    <span class="invalid-feedback">{{$errors->first('mobile2')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">Phone #3 </label>
                                                    <input type="text" class="form-control" name="mobile3"
                                                        value="@if($edit){{$companyDetail->mobile3}}@else{{old('mobile3')}}@endif"
                                                        placeholder="Enter Phone #3" />
                                                    @if($errors->has('mobile3'))
                                                    <span class="invalid-feedback">{{$errors->first('mobile3')}}</span>
                                                    @endif
                                                </div>
                                            </div>

                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">Email #1 </label>
                                                    <input type="email" class="form-control" name="email"
                                                        value="@if($edit){{$companyDetail->email}}@else{{old('email')}}@endif"
                                                        placeholder="Enter Email #1" />
                                                    @if($errors->has('email'))
                                                    <span class="invalid-feedback">{{$errors->first('email')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">Email #2</label>
                                                    <input type="email" class="form-control" name="email2"
                                                        value="@if($edit){{$companyDetail->email2}}@else{{old('email2')}}@endif"
                                                        placeholder="Enter Email #2" />
                                                    @if($errors->has('email2'))
                                                    <span class="invalid-feedback">{{$errors->first('email2')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">Email #3</label>
                                                    <input type="email" class="form-control" name="email3"
                                                        value="@if($edit){{$companyDetail->email3}}@else{{old('email3')}}@endif"
                                                        placeholder="Enter Email #3" />
                                                    @if($errors->has('email3'))
                                                    <span class="invalid-feedback">{{$errors->first('email3')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label">Staff Range <span
                                                            class="required">*</span></label>
                                                    <select class="form-control" name="staff_range" id="staff_range">
                                                        <option value="" hidden>Select Staff Range</option>
                                                        <option value="1-50" @if($edit) @if($companyDetail->staff_range == '1-50')  selected @endif @endif> 1 - 50 </option>
                                                        <option value="51-100" @if($edit) @if($companyDetail->staff_range == '51-100' )  selected @endif @endif> 51 - 100 </option>
                                                        <option value="101-150" @if($edit) @if($companyDetail->staff_range == '101-150' )  selected @endif @endif> 101 - 150 </option>
                                                        <option value="151-200" @if($edit) @if($companyDetail->staff_range == '151-200' )  selected @endif @endif> 151 - 200 </option>
                                                        <option value="201-300" @if($edit) @if($companyDetail->staff_range == '201-300' )  selected @endif @endif> 201 - 300 </option>
                                                        <option value="301-500" @if($edit) @if($companyDetail->staff_range == '301-500' )  selected @endif @endif> 301 - 500 </option>
                                                        <option value="501-1000" @if($edit) @if($companyDetail->staff_range == '501-1000' )  selected @endif @endif> 501 - 1000 </option>
                                                        <option value="1001-2000" @if($edit) @if($companyDetail->staff_range == '1001-2000' )  selected @endif @endif> 1001 - 2000 </option>
                                                    </select>
                                                    @if($errors->has('staff_range'))
                                                    <span class="invalid-feedback">{{$errors->first('staff_range')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label">Industry Category <span
                                                            class="required">*</span></label>
                                                    <select class="form-control" name="industry_id" id="industry_id">
                                                        <option value="" hidden>Select Industry Category</option>
                                                        @foreach($industries as $industry)
                                                            @if($edit)
                                                                <option value="{{ $industry->id }}"
                                                                @if($industry->id == $companyDetail->industry_id)
                                                                    selected
                                                                @endif
                                                                >{{ $industry->name }}</option>
                                                            @else
                                                                <option value="{{ $industry->id }}" >{{ $industry->name }}</option>
                                                            @endif
                                                        @endforeach
                                                    </select>
                                                    @if($errors->has('industry_id'))
                                                    <span class="invalid-feedback">{{$errors->first('industry_id')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">Website </label>
                                                    <input type="url" class="form-control" name="website"
                                                        value="@if($edit){{$companyDetail->website}}@else{{old('website')}}@endif"
                                                        placeholder="Enter Website" />
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label class="control-label">Client Color Code <span
                                                            class="required">*</span></label>
                                                        <input type="text" class="form-control" name="client_color_code" id="client_color_code"
                                                        value="@if($edit){{$companyDetail->client_color_code}}@else{{old('client_color_code')}}@endif"
                                                        placeholder="Enter Client Color Code" />
                                                </div>
                                            </div>
                                            <div id="formDiv">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-btn">
                                        <div style="float: left;">
                                            <a href="{{url()->previous()}}" class="btn btn-cncl">Cancel</a>
                                        </div>
                                        <div style="float:right;">
                                            <input type="submit" class="btn step-btn submitClientForm" value="Save">
                                        </div>
                                    </div>
                                </form>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
@endsection


@push('pageJs')
{!! JsValidator::formRequest('App\Http\Requests\Client\StoreClient', '#formStep') !!}
<script type="text/javascript">
    $(document).ready(function () {
        
        $('#formStep').on('submit', function() {
            if($('#formStep').valid()){
                $('.submitClientForm').addClass('disabled');
                $('.submitClientForm').val('Please Wait...');
            }
        }); 

        $('#client_color_code').ColorPicker({
            color: $('#client_color_code').val(),
            onShow: function (colpkr) {
                $(colpkr).fadeIn(500);
                return false;
            },
            onChange: function (hsb, hex, rgb) {
                $('#client_color_code div').css('backgroundColor', '#' + hex);
            },
            onHide: function (colpkr) {
                $(colpkr).fadeOut(500);
                $hex = "#" + jQuery(colpkr).find('.colorpicker_hex input').val();
                $('#client_color_code').val($hex);
            }
        });

        var country_id = undefined;
        @if(old('country_id'))
            country_id = "{{ old('country_id') }}";
        @elseif(isset($companyDetail->country_id))
            country_id = "{{ $companyDetail->country_id }}";
        @endif

        var state_id = undefined;
        @if(old('state_id'))
            state_id = "{{ old('state_id') }}";
        @elseif(isset($companyDetail->state_id) && !old('country_id'))
            state_id = "{{ $companyDetail->state_id }}";
        @endif

        var city_id = undefined;
        @if(old('city_id'))
            city_id = "{{ old('city_id') }}";
        @elseif(isset($companyDetail->city_id) && !old('state_id') && !old('country_id'))
            city_id = "{{ $companyDetail->city_id }}"
        @endif	

        @if(old('country_id') || isset($companyDetail->country_id))
        stateList(country_id,state_id);
		@endif

		@if(old('state_id') || isset($companyDetail->states_id))
		cityList(state_id,city_id);
		@endif

        $(document).on("change", "#country_id", function () {
            stateList($(this).val());
            $("#city_id").empty();
            $("#city_id").append('<option value="" hidden>Select City</option>');
        });
        
        $(document).on("change", "#state_id", function () {
            cityList($(this).val());
        });


        @if($edit)
        $('.deleteLogo').click(function() {
            var deleteLogoUrl = "{{ route('admin.clients.delete_logo',['panel' => Session::get('panel')])}}";
            var id = "{{ $companyDetail->id }}";
            axios.post(deleteLogoUrl, {
                id : id
            })
            .then(function(response) {
                $('.previewDiv').css('display','none');
            })
            .catch(function(error) {

            });
        });
        @endif
});

</script>


@endpush