@extends('admin.layouts.main')

@section('title')
@if($edit)
Edit Branch
@else
Add Branch
@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)">{{ @trans('client_branch.directory') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page"><a
                            href="{{ route('admin.client-branches.indexpageload',['panel' => Session::get('panel') ]) }}">{{ @trans('client_branch.branches') }}</a>
                    </li>
                    @if($edit)
                    <li class="breadcrumb-item active" aria-current="page">{{ @trans('client_branch.edit_branch') }}</li>
                    @else
                    <li class="breadcrumb-item active" aria-current="page">{{ @trans('client_branch.add_branch') }}</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.client-branches.storeClientBranch', ['panel' => Session::get('panel') ]) }}" autocomplete="off"
                                    id="formStep" name="addCompany" enctype="multipart/form-data">@csrf
                                    <div class="form-body">
                                        @if($edit)
                                        <h2 class="form-sec-title">{{ @trans('client_branch.edit_branch') }}</h2>
                                        <input type="hidden" name="id" value="{{$companyBranchDetail->id}}">
                                        @else
                                        <h2 class="form-sec-title">{{ @trans('client_branch.add_branch') }}</h2>
                                        @endif

                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('client_branch.name') }} <span
                                                            class="required">*</span></label>
                                                    <input type="text" name="name" class="form-control"
                                                        value="@if($edit){{$companyBranchDetail->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">{{ @trans('client_branch.abbreviation') }} <span
                                                            class="required">*</span></label>
                                                    <input type="text" name="abbreviation" class="form-control"
                                                        value="@if($edit){{$companyBranchDetail->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 btm-arrow select">
                                                    <label class="control-label" for="company_id">{{ @trans('client_branch.client') }} <span
                                                            class="required">*</span></label>
                                                    <select class="form-control" name="company_id" id="company_id">
                                                        <option value="" hidden>{{ @trans('client_branch.please_select') }}</option>
                                                        @foreach($companies as $key => $company)
                                                        <option @if($edit) @if($companyBranchDetail->company_id == $company->id)
                                                            selected="selected" @endif @endif
                                                            value="{{$company->id}}">
                                                            {{$company->name}}</option>
                                                        @endforeach
                                                    </select>
                                                    @if($errors->has('company_id'))
                                                    <span
                                                        class="invalid-feedback">{{$errors->first('company_id')}}</span>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('client_branch.address_line') }} 1 <span
                                                            class="required">*</span></label>
                                                    <input type="text" name="address1" class="form-control"
                                                        value="@if($edit){{$companyBranchDetail->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">{{ @trans('client_branch.address_line') }} 2 <span
                                                            class="required">*</span></label>
                                                    <input type="text" name="address2" class="form-control"
                                                        value="@if($edit){{$companyBranchDetail->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-12">
                                                <div class="form-group btm-arrow select">
                                                    <label class="control-label" for="country_id">{{ @trans('client_branch.country') }} <span
                                                            class="required">*</span></label>
                                                    <select class="form-control" name="country_id" id="country_id">
                                                        <option value="" hidden>{{ @trans('client_branch.please_select') }}</option>
                                                        @foreach($countries as $key => $country)
                                                        <option @if($country->countries->id == old('country_id'))
                                                            selected="selected"
                                                            @elseif(isset($companyBranchDetail->country_id) &&
                                                            $country->countries->id ==
                                                            $companyBranchDetail->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">{{ @trans('client_branch.state') }} <span
                                                            class="required">*</span></label>
                                                    <select class="form-control" name="state_id" id="state_id">
                                                        <option value="" hidden>{{ @trans('client_branch.please_select') }}</option>
                                                        @foreach($statesList as $key => $state)
                                                        <option @if($edit) @if($companyBranchDetail->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">{{ @trans('client_branch.city') }}<span
                                                            class="required">*</span></label>
                                                    <select class="form-control" name="city_id" id="city_id">
                                                        <option value="" hidden>{{ @trans('client_branch.select_city') }}</option>
                                                        @foreach($citiesList as $key => $city)
                                                        <option @if($edit) @if($companyBranchDetail->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-12">
                                                <div class="form-group">
                                                    <label class="control-label">{{ @trans('client_branch.google_map_location') }} <span
                                                            class="required">*</span></label>
                                                    <input type="text" class="form-control" name="google_map_location"
                                                        value="@if($edit){{$companyBranchDetail->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">{{ @trans('client_branch.branch_color_code') }} <span
                                                            class="required">*</span></label>
                                                    <input type="text" class="form-control" name="branch_color_code" id="branch_color_code"
                                                        value="@if($edit){{$companyBranchDetail->branch_color_code}}@else{{old('branch_color_code')}}@endif"
                                                        placeholder="Enter Branch Color Code" />
                                                    @if($errors->has('branch_color_code'))
                                                    <span class="invalid-feedback">{{$errors->first('branch_color_code')}}</span>
                                                    @endif
                                                </div>
                                            </div>

                                            <div id="formDiv">
                                            </div>

                                        </div>
                                    </div>
                                    <div class="tab-btn">
                                        <div style="float: left;">
                                            <a href="{{url()->previous()}}" class="btn btn-cncl">{{ @trans('client_branch.cancel') }}</a>
                                        </div>
                                        <div style="float:right;">
                                            <input type="submit" class="btn step-btn submitClientBranchForm" value="{{ @trans('client_branch.save') }}">
                                        </div>
                                    </div>
                                </form>

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


@push('pageJs')
{!! JsValidator::formRequest('App\Http\Requests\Client_branch\StoreClientBranch', '#formStep') !!}
<script type="text/javascript">
    $(document).ready(function () {

        $('#formStep').on('submit', function() {
            if($('#formStep').valid()) {
                $('.submitClientBranchForm').addClass('disabled');
                $('.submitClientBranchForm').val('Please Wait...');
            }
        });

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

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

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

        var company_id = undefined;
        @if(old('company_id'))
            company_id = "{{ old('company_id') }}";
        @elseif(isset($companyBranchDetail->company_id))
            city_id = "{{ $companyBranchDetail->company_id }}"
        @endif

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

		@if(old('state_id') || isset($companyBranchDetail->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());
        });

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


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

            });
        });
        @endif
});

</script>


@endpush