@extends('client/layouts/contentNavbarLayout')

@section('title')
    {{ __('client.my_vendors_list') }}
@endsection


@section('page-script')

@endsection

@section('content')


<div class="mb-3">
    <div class="row">
        <div class="col-md-9">
            <h4 class="fw-bold py-3">{{ __('client.my_vendors') }}</h4>
        </div>
        <div class="col-md-3">
            <button class="btn btn-primary ml-4 mt-4" data-bs-toggle="modal" data-bs-target="#store-vendor" type="button">{{ __('client.add_new_vendor') }}</button>
        </div>
    </div>
</div>

<div class="col-12">
    <div class="card">
        @if($errors->any())
            <div class="alert alert-danger alert-dismissible text-weight" role="alert">
                {{ $errors->first() }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                </button>
            </div>
        @endif
        @if(session()->has('error'))
            <div class="alert alert-danger alert-dismissible text-weight" role="alert">
                {{ session()->get('error') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                </button>
            </div>
        @endif
        @if(session()->has('success'))
            <div class="alert alert-success alert-dismissible text-weight" role="alert">
                {{ session()->get('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                </button>
            </div>
        @endif
        @if(session()->has('warning'))
            <div class="alert alert-warning alert-dismissible text-weight" role="alert">
                {{ session()->get('warning') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                </button>
            </div>
        @endif
        <h5 class="card-header">{{ __('client.my_vendors_list') }}</h5>
        <div class="table-responsive text-nowrap">
            <table class="table">
                <thead>
                    <tr>
                        <th>{{ __('client.action') }}</th>
                        <th>{{ __('client.name') }}</th>
                        <th>{{ __('client.address') }}</th>
                        <th>{{ __('client.phone') }}</th>
                        <th>{{ __('client.note') }}</th>
                    </tr>
                </thead>
                <tbody class="table-border-bottom-0">
                    @if($vendors)
                        @foreach ($vendors as $vendor)
                        <tr>
                            <td>
                                <div class="dropdown">
                                    <button type="button" class="btn p-0 dropdown-toggle hide-arrow" data-bs-toggle="dropdown"><i class="bx bx-dots-vertical-rounded"></i></button>
                                    {{-- <div class="dropdown-menu">
                                        <a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-edit-alt me-1"></i> Edit</a>
                                        <a class="dropdown-item" href="javascript:void(0);"><i class="bx bx-trash me-1"></i> Delete</a>
                                    </div> --}}
                                </div>
                            </td>
                            <td>{{ $vendor->name }}</td>
                            <td>{{ $vendor->address }}</td>
                            <td>{{ $vendor->phone }}</td>
                            <td>{{ $vendor->note }}</td>
                        </tr>
                        @endforeach                  
                    @endif
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="modal fade" id="store-vendor" tabindex="-1" aria-modal="true" role="dialog">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel1">{{ __('client.add_new_vendor') }}</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <form method="POST" action="{{ route('client.client-vendor.store') }}">
            @csrf
            <div class="modal-body">
                <div class="col mb-3">
                    <label for="name" class="form-label">{{ __('client.name') }}</label>
                    <input type="text" id="name" name="name" class="form-control" placeholder="Le nom du garage" required minlength="3" maxlength="255">
                </div>
                <div class="col mb-3">
                    <label for="address" class="form-label">{{ __('client.address') }}</label>
                    <input type="text" id="address" name="address" class="form-control" placeholder="L'adresse du garage" required minlength="3" maxlength="255">
                </div>
                <div class="col mb-3">
                    <label for="phone" class="form-label" required minlength="3" maxlength="255">{{ __('client.phone') }}</label>
                    <input type="text" id="phone" name="phone" class="form-control" required minlength="10" maxlength="10">
                </div>
                <div class="col mb-3">
                    <label for="note" class="form-label">{{ __('client.note') }}</label>
                    <textarea type="text" id="note" name="note" rows="6" class="form-control"></textarea>
                </div>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">{{ __('client.cancel') }}</button>
              <button type="submit" class="btn btn-primary">{{ __('client.save') }}</button>
            </div>
        </form>
      </div>
    </div>
  </div>
@endsection

@section('scripts')

@endsection