@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> Ajouter 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">Ajouter client</h5>
              <small class="text-muted float-end"><i class='bx bxs-duplicate'></i></small>
            </div>
            <div class="card-body">
              <form action="{{ route('clients.store') }}" method="POST">
                @csrf
<div class="row">                
                <div class="mb-3 col-md-6">
                  <label class="form-label" for="basic-icon-default-fullname">
                    Nom contact
                  </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" required/>
                  </div>
                </div>

                <div class="mb-3 col-md-6">
                  <label class="form-label" for="basic-icon-default-company">
                    Entreprise
                  </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" required/>
                  </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"/>
                  </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"/>
                  </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"/>
                  </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"/>
                  </div>
                </div>

                <div class="mb-3 col-md-3">
                  <label class="form-label" for="basic-icon-default-phone">
                    Code postal
                  </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"/>
                  </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"/>
                  </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"/>
                  </div>
                </div>
</div>

                <div class="mb-3">
                  <label class="form-label" for="basic-icon-default-message">
                    Message
                  </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">Ajouter client</button>
              </form>
            </div>
          </div>
        </div>

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