@extends('Admin.master_page')


@section('title')
    <h5 class="m-0 font-weight-bold text-primary" style="float: left;">Customer Services</h5>

    <a href="{{ route('branches.create') }}" style="float: right;"><i class="fas fa-plus-circle"></i></a>
@endsection

@section('content')
    <div class="table-responsive">


        @include('Admin.Branches._filter')

        <table class="table table-striped">
            <tr>
                <th>English Address</th>
                <th>Action</th>
            </tr>

            @foreach ($branches as $data)
                <tr>
                    <td><a href="{{ route('branches.show', $data->id) }}">{{ $data->en_address }}</a></td>
                    <td>
                        <form action="{{ route('branches.destroy', $data->id) }}" method="post"
                            id="form-{{ $data->id }}">
                            {{ csrf_field() }}
                            {{ method_field('DELETE') }}
                        </form>

                        <a href="{{ route('branches.edit', $data->id) }}"><i class="fas fa-edit"></i></a>

                        &nbsp;
                        <a href=""
                            onclick="if(confirm('Are you sure to delete?')) {
                               event.preventDefault();
                               document.getElementById('form-{{ $data->id }}').submit();
                               }else{ event.preventDefault(); }"><i
                                class="fas fa-trash-alt"></i></a>
                    </td>


                </tr>
            @endforeach

        </table>

        <br>
        <br>
        <div class="container">
            <div class="row justify-content-center">

                {{ $branches->appends(request()->only('search'))->links() }}

            </div>
        </div>

        <br>
        <br>
        <br>

    </div>
@endsection