@extends('layouts.base')

@section('title', 'Customers')

@section('content')

    <style>

        .list{

            display: inline-block;

            margin: 0 10px;

        }

    </style>

    <div id="layoutSidenav_content">

        <main class="mt-2">

            <div class="container-fluid px-4 mb-2">

                <div class="title-part-padding">

                    <h4 class="card-title mb-2" ><a href="{{ route('add-customer') }}" class="btn btn-info" >Add Customer</a>

                    </h4>

                </div>



                <div class="card mb-4">

                    <div class="card-header">

                        <i class="fas fa-table me-1"></i>

                        All Customer

                    </div>

                    <div class="card-body">

                        <table id="datatablesSimple">

                            <thead>

                                <tr>

                                    <th>Id</th>

                                    <th>Name</th>

                                    <th>Number</th>

                                    <th>Address</th>

                                    <th>Action</th>

                                </tr>

                            </thead>

                            <tbody>

                                @foreach ($customers  as $key =>  $customer)

                                    <tr>

                                        <td>{{ ++$key }}</td>

                                        <th>{{ $customer->name }}</th>

                                        <th>{{ $customer->phone_number }}</< /th>

                                        <th>{{ $customer->address }}</th>

                                        <th>

                                            <ul>

                                                <li class="list"><a href="{{ route('edit-customer', $customer->id) }}"><i

                                                            class="far fa-edit"></i></a></li>

                                                <li class="list">

                                                    <form action="{{ route('destroy-customer', $customer->id) }}"

                                                        method="post">

                                                        @csrf

                                                        <button

                                                            onclick="return window.confirm('Are you want to this Customer')"

                                                            class="btn btn-link" type="submit" style="color: #63616f"><span

                                                                class="fas fa-trash"></span></button>

                                                    </form>

                                                </li>

                                            </ul>

                                        </th>

                                    </tr>

                                @endforeach

                            </tbody>



                        </table>

                    </div>

                </div>

            </div>

        </main>

    </div>

    <script>

        @if (Session::has('message'))

            toastr.options = {

                "closeButton": true,

                "progressBar": true

            }

            toastr.success("{{ session('message') }}");

        @endif

    

        @if (Session::has('error'))

            toastr.options = {

                "closeButton": true,

                "progressBar": true

            }

            toastr.error("{{ session('error') }}");

        @endif

    

        @if (Session::has('info'))

            toastr.options = {

                "closeButton": true,

                "progressBar": true

            }

            toastr.info("{{ session('info') }}");

        @endif

    

        @if (Session::has('warning'))

            toastr.options = {

                "closeButton": true,

                "progressBar": true

            }

            toastr.warning("{{ session('warning') }}");

        @endif

    </script>

@endsection