@extends('layouts.master')

@section('content')
<!-- Content -->
<div class="container-xxl flex-grow-1 container-p-y">
  <h4 class="fw-bold py-3 mb-4">
    <span class="text-muted fw-light">Client/</span> Modifier client</h4>
      <!-- Basic Layout -->
      <div class="row">

        <div class="col-md-8 offset-md-2">
          <div class="card mb-4">
            <div class="card-header d-flex justify-content-between align-items-center">
              <h5 class="mb-0">Modifier client</h5>
              <small class="text-muted float-end"><i class='bx bxs-duplicate'></i></small>
            </div>
            <div class="card-body">
              <form action="{{ route('clients.update',$client->id) }}" method="POST">
                @csrf
                @method('PUT')
<div class="row">                
                <div class="mb-3 col-md-6">
                  <label class="form-label" for="basic-icon-default-fullname">
                    Full Name
                  </label>
                  <div class="input-group input-group-merge">
                    <span id="basic-icon-default-fullname2" class="input-group-text">
                      <i class="bx bx-user"></i>
                    </span>
                    <input type="text" class="form-control" name="name" value="{{ $client->name }}" />
                  </div>
                </div>

                <div class="mb-3 col-md-6">
                  <label class="form-label" for="basic-icon-default-company">
                    Company
                  </label>
                  <div class="input-group input-group-merge">
                    <span id="basic-icon-default-company2" class="input-group-text">
                      <i class="bx bx-buildings"></i>
                    </span>
                    <input type="text" class="form-control" name="client" value="{{ $client->client }}" />
                  </div>
                </div>
</div>

<div class="row">
                <div class="mb-3 col-md-6">
                  <label class="form-label" for="basic-icon-default-email">
                    Email
                  </label>
                  <div class="input-group input-group-merge">
                    <span class="input-group-text">
                      <i class='bx bx-link-alt'></i>
                    </span>
                    <input type="email" class="form-control" name="email" value="{{ $client->email }}" />
                  </div>
                </div>

                <div class="mb-3 col-md-6">
                  <label class="form-label" for="basic-icon-default-phone">
                    Phone No
                  </label>
                  <div class="input-group input-group-merge">
                    <span id="basic-icon-default-phone2" class="input-group-text">
                      <i class="bx bx-phone"></i>
                    </span>
                    <input type="text" class="form-control phone-mask" name="phone" value="{{ $client->phone }}"/>
                  </div>
                </div>
</div>

<div class="row">
                <div class="mb-3 col-md-6">
                  <label class="form-label" for="basic-icon-default-phone">
                    Adresse
                  </label>
                  <div class="input-group input-group-merge">
                    <span id="basic-icon-default-phone2" class="input-group-text">
                      <i class='bx bx-envelope'></i>
                    </span>
                    <input type="text" class="form-control phone-mask" name="adresse" value="{{ $client->adresse }}"/>
                  </div>
                </div>

                <div class="mb-3 col-md-3">
                  <label class="form-label" for="basic-icon-default-phone">
                    Ville
                  </label>
                  <div class="input-group input-group-merge">
                    <span id="basic-icon-default-phone2" class="input-group-text">
                      <i class='bx bx-buildings'></i>
                    </span>
                    <input type="text" class="form-control phone-mask" name="ville" value="{{ $client->ville }}"/>
                  </div>
                </div>

                <div class="mb-3 col-md-3">
                  <label class="form-label" for="basic-icon-default-phone">
                    Zip
                  </label>
                  <div class="input-group input-group-merge">
                    <span id="basic-icon-default-phone2" class="input-group-text">
                      <i class='bx bx-box'></i>
                    </span>
                    <input type="text" class="form-control phone-mask" name="zip" value="{{ $client->zip }}"/>
                  </div>
                </div>
</div>

<div class="row">
                <div class="mb-3 col-md-6">
                  <label class="form-label" for="basic-icon-default-phone">
                    Site Web
                  </label>
                  <div class="input-group input-group-merge">
                    <span id="basic-icon-default-phone2" class="input-group-text">
                      <i class='bx bx-globe'></i>
                    </span>
                    <input type="text" class="form-control phone-mask" name="siteweb" value="{{ $client->siteweb }}"/>
                  </div>
                </div>

                <div class="mb-3 col-md-6">
                  <label class="form-label" for="basic-icon-default-phone">
                    ICE
                  </label>
                  <div class="input-group input-group-merge">
                    <span id="basic-icon-default-phone2" class="input-group-text">
                      <i class='bx bx-store'></i>
                    </span>
                    <input type="text" class="form-control phone-mask" name="ice" value="{{ $client->ice }}"/>
                  </div>
                </div>
</div>

                <div class="mb-3">
                  <label class="form-label" for="basic-icon-default-message">
                    NOTE
                  </label>
                  <div class="input-group input-group-merge">
                    <span id="basic-icon-default-message2" class="input-group-text">
                      <i class="bx bx-comment"></i>
                    </span>
                    <textarea class="form-control"
                              name="remarque"></textarea>
                  </div>
                </div>
                <button type="submit" class="btn btn-primary">Modifier client</button>
              </form>
            </div>
          </div>
        </div>

      </div>
</div>
<!-- / Content -->
@endsection