@extends('layouts.admin')

@section('content')
@php $readonly=''; @endphp
@if($action=='View')
@php $readonly='readonly'; @endphp
@endif
<div class="page-links">
  <a href="{{ route('dashboard') }}">Dashboard</a>
  <span> > </span>
  <a href="{{ route('sale-reps.index') }}">Sale Reps</a>
</div>
<div class="row">
  <div class="col-xxl-6 col-lg-6 col-12">
    <div class="card-main">

      <h2 class="iheading-man">{{ __($title) }}</h2>
      @if($action == 'Edit')
      <form class="form-data" id="edit_form" method="POST" action="{{ route('sale-reps.update', [$record->id]) }}" enctype="multipart/form-data">
        {{ method_field('PUT') }}
        @else
        <form class="form-data" method="POST" id="add_form" action="{{ route('sale-reps.store') }}" enctype="multipart/form-data">
          @endif
          @csrf
          <div class="row">
            <div class="col-md-6 col-12 mb-3">
              <label>Name <small class="red">* </small></label>
              @if(old('name'))
              @php $name = old('name'); @endphp
              @elseif(isset($record->name) && $record->name != '')
              @php $name = $record->name; @endphp
              @else
              @php $name = ''; @endphp
              @endif
              <input type="text" id="name" name="name" value="{{ $name }}" class="form-control @error('name') is-invalid @enderror" placeholder="Enter Bank Name" {{$readonly}}>
              @error('name')
              <span class="error">{{ $message }}</span>
              @enderror
            </div>
            <div class="col-md-6 col-12 mb-3">
              <label>Phone Number <small class="red">* </small></label>
              @if(old('phone'))
              @php $phone = old('phone'); @endphp
              @elseif(isset($record->phone) && $record->phone != '')
              @php $phone = $record->phone; @endphp
              @else
              @php $phone = ''; @endphp
              @endif
              <input type="text" id="phone" name="phone" value="{{ $phone }}" class="form-control @error('phone') is-invalid @enderror" placeholder="Enter Phone Number" {{$readonly}}>
              @error('phone')
              <span class="error">{{ $message }}</span>
              @enderror
            </div>

            <div class="col-md-4 col-12 mb-3">
              <label>Country <small class="red">* </small></label>
              @if(old('country_id'))
              @php $country_id = old('country_id'); @endphp
              @elseif(isset($record->country_id) && $record->country_id != '')
              @php $country_id = $record->country_id; @endphp
              @else
              @php $country_id = ''; @endphp
              @endif
              <select id="country_id" name="country_id" class="form-control">
                <option value="" disabled>Select</option>
                @foreach($countries as $country)
                <option value="{{$country->id}}" {!! ($country->id==$country_id) ? 'selected' : '' !!}>{{$country->name}}</option>
                @endforeach
              </select>
              @error('country_id')
              <span class="error">{{ $message }}</span>
              @enderror
            </div>

            <div class="col-md-4 col-12 mb-3">
              <label>State <small class="red">* </small></label>
              @if(old('state_id'))
              @php $state_id = old('state_id'); @endphp
              @elseif(isset($record->state_id) && $record->state_id != '')
              @php $state_id = $record->state_id; @endphp
              @else
              @php $state_id = ''; @endphp
              @endif
              <select id="state_id" name="state_id" class="form-control">
                <option value="" disabled>Select</option>
                @foreach($states as $state)
                <option value="{{$state->id}}" {!! ($state->id==$state_id) ? 'selected' : '' !!}>{{$state->name}}</option>
                @endforeach
              </select>
              @error('state_id')
              <span class="error">{{ $message }}</span>
              @enderror
            </div>

            <div class="col-md-4 col-12 mb-3">
              <label>City <small class="red">* </small></label>
              @if(old('city_id'))
              @php $city_id = old('city_id'); @endphp
              @elseif(isset($record->city_id) && $record->city_id != '')
              @php $city_id = $record->city_id; @endphp
              @else
              @php $city_id = ''; @endphp
              @endif
              <select id="city_id" name="city_id" class="form-control">
                <option value="" disabled>Select</option>
                @foreach($cities as $city)
                <option value="{{$city->id}}" {!! ($city->id==$city_id) ? 'selected' : '' !!}>{{$city->name}}</option>
                @endforeach
              </select>
              @error('city_id')
              <span class="error">{{ $message }}</span>
              @enderror
            </div>

            <div class="col-md-12 col-12 mb-3">
              <label>Address</label>
              @if(old('address'))
              @php $address = old('address'); @endphp
              @elseif(isset($record->address) && $record->address != '')
              @php $address = $record->address; @endphp
              @else
              @php $address = ''; @endphp
              @endif
              <textarea id="address" name="address" class="form-control @error('alternate_phone') is-invalid @enderror">{!! $address !!}</textarea>
              @error('address')
              <span class="error">{{ $message }}</span>
              @enderror
            </div>

            <div class="col-md-6 col-12 mb-3">
              <label>Zipcode <small class="red">* </small></label>
              @if(old('zipcode'))
              @php $zipcode = old('zipcode'); @endphp
              @elseif(isset($record->zipcode) && $record->zipcode != '')
              @php $zipcode = $record->zipcode; @endphp
              @else
              @php $zipcode = ''; @endphp
              @endif
              <input type="text" id="zipcode" name="zipcode" value="{{ $zipcode }}" class="form-control @error('zipcode') is-invalid @enderror" placeholder="Enter Zipcode" {{$readonly}}>
              @error('zipcode')
              <span class="error">{{ $message }}</span>
              @enderror
            </div>




            <div class="col-md-6 col-12 mb-3">
              @if(isset($record->active))
              @php $active = $record->active; @endphp
              @else
              @php $active = 1; @endphp
              @endif
              <label for="name" class="control-label"> Active</label>
              <div class="form-check form-switch">
                <input class="form-check-input" type="checkbox" role="switch" name="active" id="flexSwitchCheckChecked"  value=1>
              </div>
            </div>

            <!-- new-card -->
            <div class="fix-button-main">
              <div class="save-fix">
                <div class="float-end">
                  @if($action!='View')
                  <button type="submit" class="btn save-b me-3" type="button">
                    Save
                  </button>
                  @endif
                  <a type="button" class="btn btn-light me-2 float-end save-draft" href="{{ route('banks.index') }}"> {!! ($action!='View') ? 'Cancel' : 'Back' !!}</a>
                </div>
              </div>
            </div>
          </div>
        </form>
    </div>
  </div>
</div>
@endsection
@push('scripts')
<script>
  $(document).ready(function() {
    // select countries
    $("#country_id").select2({
      ajax: {
        url: "{{ route('getCountries') }}",
        type: "get",
        dataType: 'json',
        delay: 250,
        data: function(params) {
          return {
            searchTerm: params.term // search term

          };
        },
        processResults: function(response) {
          return {
            results: response

          };
        },
        cache: true
      }
    });

    // select states
    $("#state_id").select2({
      ajax: {
        url: "{{ route('getStates') }}",
        type: "get",
        dataType: 'json',
        delay: 250,
        data: function(params) {
          country_id = $("#country_id").val();
          return {
            searchTerm: params.term, // search term
            country_id: country_id
          };
        },
        processResults: function(response) {
          return {
            results: response

          };
        },
        cache: true
      }
    });

    // select cities
    $("#city_id").select2({
      ajax: {
        url: "{{ route('getCities') }}",
        type: "get",
        dataType: 'json',
        delay: 250,
        data: function(params) {
          state_id = $("#state_id").val();
          return {
            searchTerm: params.term, // search term
            state_id: state_id
          };
        },
        processResults: function(response) {
          return {
            results: response

          };
        },
        cache: true
      }
    });
  });
</script>
@endpush