@extends('admin.layouts.master')
@section('content')
@section('client','active')
@section('title', 'Client')


<div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-header">
          <h4 class="card-title" id="horz-layout-basic">Edit Client</h4>
          <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
          <div class="heading-elements">

          </div>
        </div>
        <div class="card-content collpase show">
          <div class="card-body">
            <form action="{{route('admin.client.update')}}" method="post" class="form form-horizontal">
              @csrf
              <input type="hidden" name="id" value="{{$client->id}}">

              <div class="form-body">
                <h4 class="form-section"><i class="ft-user"></i> Client Info</h4>
                <div class="form-group row">
                  <label class="col-md-3 label-control" for="projectinput1">Services</label>
                  <div class="col-md-9 col-sm-12 ">
                  <select class="js-example-basic-multiple form-control" name="services[]" multiple="multiple">
                      @foreach($services as $service)
                          <option value="{{$service->id}}"
                            @if (!empty($client->client_services) && count($client->client_services) > 0) @foreach ($client->client_services as $view_services) @if ($view_services->services == $service->id) selected @endif @endforeach  @endif>
                                {{$service->name}}
                            </option>
                      @endforeach
                  </select>
              </div>
          </div>

              <div class="form-group row">
                  <label class="col-md-3 label-control" for="projectinput1">Business Name</label>
                  <div class="col-md-9">
                      <input type="text" id="projectinput1" class="form-control" placeholder="Business Name" name="business_name" value="{{$client->business_name}}">
                      <span class="text-danger">{{ $errors->first('business_name') }}</span>

                  </div>
              </div>
              
              <div class="form-group row">
                  <label class="col-md-3 label-control" for="projectinput1">First Name</label>
                  <div class="col-md-9">
                      <input type="text" id="projectinput1" class="form-control" placeholder="First Name" name="first_name" value="{{$client->first_name}}">
                      <span class="text-danger">{{ $errors->first('first_name') }}</span>

                  </div>
              </div>
              <div class="form-group row">
                  <label class="col-md-3 label-control" for="projectinput1">Last Name</label>
                  <div class="col-md-9">
                      <input type="text" id="projectinput1" class="form-control" placeholder="Last Name" name="last_name" value="{{$client->last_name}}">
                      <span class="text-danger">{{ $errors->first('last_name') }}</span>

                  </div>
              </div>
              <div class="form-group row">
                  <label class="col-md-3 label-control" for="projectinput1">Title</label>
                  <div class="col-md-9">
                      <input type="text" id="projectinput1" class="form-control" placeholder="Title" name="title" value="{{$client->title}}">
                      <span class="text-danger">{{ $errors->first('title') }}</span>

                  </div>
              </div>
              <div class="form-group row">
                  <label class="col-md-3 label-control" for="projectinput1">Telephone No</label>
                  <div class="col-md-9">
                      <input type="number" id="projectinput1" class="form-control" placeholder="Telephone No" name="telephone_number" value="{{$client->telephone_number}}">
                      <span class="text-danger">{{ $errors->first('telephone_number') }}</span>

                  </div>
              </div>
              <div class="form-group row">
                  <label class="col-md-3 label-control" for="projectinput1">Mobile No</label>
                  <div class="col-md-9">
                      <input type="number" id="projectinput1" class="form-control" placeholder="Mobile No" name="mobile_number" value="{{$client->mobile_number}}">
                      <span class="text-danger">{{ $errors->first('mobile_number') }}</span>

                  </div>
              </div>
                <div class="form-group row">
                  <label class="col-md-3 label-control" for="projectinput3">E-mail</label>
                  <div class="col-md-9">
                    <input type="text" id="projectinput3" class="form-control" placeholder="E-mail" name="email" value="{{$client->email}}">
                  </div>
                </div>
                
                {{-- <div class="form-group row">
                  <label class="col-md-3 label-control" for="projectinput4">Address</label>
                  <div class="col-md-9">
                    <input type="text-area" id="projectinput4" class="form-control" placeholder=" Address" name="address" value="{{$client->address}}">
                  </div>
                </div> --}}
                {{-- <div class="form-group row">
                  <label class="col-md-3 label-control">Select File</label>
                  <div class="col-md-9">
                    <label id="projectinput8" class="file center-block">
                      <input type="file" id="file">
                      <span class="file-custom"></span>
                    </label>
                  </div>
                </div> --}}
              </div>
              <div class="form-actions right">
                <button type="submit" class="btn btn-primary">
                  <i class="la la-check-square-o"></i> Update
                </button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection
@section('scriptcloning')
<script>
    $('.wrapper').on('click', '.remove', function() {
        $('.remove').closest('.wrapper').find('.elementss').not(':first').last().remove();
    });
    $('.wrapper').on('click', '.clone', function() {
        $('.clone').closest('.wrapper').find('.elementss').clone().appendTo('.results');
    });
</script>
<script>
    $(document).ready(function() {
    $('.js-example-basic-multiple').select2();
    // downside query use for responsiveness
    $('select').select2({
    width: '100%'
});
});
    </script>
@endsection