@extends('admin.layout.master')
@section('content')
<div class='bg-white p-2 rounded m-2'>
    <div class="row justify-content-between p-1 rounded m-2 bg-light">
        <div class="col-12 col-md-6 align-self-center">
            <a class='text-decoration-none fw-bold text-dark breadc' href="">
                Home/Customer List
            </a>
        </div>
        <div class="col-12 col-md-6 align-self-center float-end ">
            <div class='align-self-center  text-center justify-content-center mt-2'>
                <div class="row">
                    <div class="col-6 offset-6 ">
                        <div class="mb-3">
                            <select id=" Select" class="form-select rounded-pill">
                                <option> Active</option>
                                <option> 1</option>
                                <option>2</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class='table-responsive p-2'>
        <table class='table table-sm table-border'>
            <thead>
                <tr class='tex-g'>
                    <th>Customer Name</th>
                    <th>Join On</th>
                    <th>Contact</th>
                    <th>Status
                    <th class='text-end'>Actions</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <table>
                            <tr>
                                <td> <img class='px-2' src="{{asset('images/user/user-1.png')}}" alt=""></td>
                                <td>
                                    <sapn class='fw-bold text-dark'>Restaurant Name</sapn><br>

                                </td>
                            </tr>
                        </table>
                    </td>
                    <td class='align-middle'>
                        <p>
                            13 Jan, 2021
                        </p>
                    </td>
                    <td class='align-middle'>
                        <span>36574687967</span>
                        <br>
                        <span>36574687967</span>
                    </td>
                    <td class='align-middle'>
                        <p class='tsuccess fw-bold'>Active</p>
                    </td>
                    <td class='text-lg-end align-middle edit_M'>
                        <span>
                            <a class='text-decoration-none px-1' href="#">
                                <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
                                    <g id="Group_12735" data-name="Group 12735" transform="translate(-1068 -252)">
                                        <g id="Group_12512" data-name="Group 12512" transform="translate(-44 -88)">
                                            <circle id="Ellipse_598" data-name="Ellipse 598" cx="20" cy="20" r="20" transform="translate(1112 340)" fill="#edebf7" />
                                            <path id="Icon_feather-edit-2" data-name="Icon feather-edit-2" d="M11.051,3.7A1.518,1.518,0,0,1,13.2,5.849L5.952,13.1,3,13.9l.805-2.952Z" transform="translate(1123.834 351.421)" fill="none" stroke="#543ab2" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
                                        </g>
                                    </g>
                                </svg><span class='px-1'>Edit</span>
                            </a>
                        </span>
                        <span>
                            <a class='text-decoration-none px-1' href="">
                                <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
                                    <g id="Group_12736" data-name="Group 12736" transform="translate(-1188 -235)">
                                        <g id="Group_12514" data-name="Group 12514" transform="translate(-23 -105)">
                                            <circle id="Ellipse_597" data-name="Ellipse 597" cx="20" cy="20" r="20" transform="translate(1211 340)" fill="#edebf7" />
                                            <g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(1222.684 348.679)">
                                                <path id="Path_15416" data-name="Path 15416" d="M1.5,11.321S4.342,6,9.316,6s7.816,5.321,7.816,5.321-2.842,5.321-7.816,5.321S1.5,11.321,1.5,11.321Z" fill="none" stroke="#543ab2" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
                                                <path id="Path_15417" data-name="Path 15417" d="M17.491,15.5a2,2,0,1,1-2-2A2,2,0,0,1,17.491,15.5Z" transform="translate(-6.179 -4.174)" fill="none" stroke="#543ab2" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
                                            </g>
                                        </g>
                                    </g>
                                </svg> <span class='px-1'>View</span>
                            </a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td>
                        <table>
                            <tr>
                                <td> <img class='px-2' src="{{asset('images/user/user-1.png')}}" alt=""></td>
                                <td>
                                    <sapn class='fw-bold text-dark'>Restaurant Name</sapn><br>

                                </td>
                            </tr>
                        </table>
                    </td>
                    <td class='align-middle'>
                        <p>
                            13 Jan, 2021
                        </p>
                    </td>
                    <td class='align-middle'>
                        <span>36574687967</span>
                        <br>
                        <span>36574687967</span>
                    </td>
                    <td class='align-middle'>
                        <p class='fw-bold tcancel'>
                            Inactive
                        </p>
                    </td>
                    <td class='text-end align-middle edit_M'>
                        <span>
                            <a class='text-decoration-none px-1' href="#">
                                <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
                                    <g id="Group_12735" data-name="Group 12735" transform="translate(-1068 -252)">
                                        <g id="Group_12512" data-name="Group 12512" transform="translate(-44 -88)">
                                            <circle id="Ellipse_598" data-name="Ellipse 598" cx="20" cy="20" r="20" transform="translate(1112 340)" fill="#edebf7" />
                                            <path id="Icon_feather-edit-2" data-name="Icon feather-edit-2" d="M11.051,3.7A1.518,1.518,0,0,1,13.2,5.849L5.952,13.1,3,13.9l.805-2.952Z" transform="translate(1123.834 351.421)" fill="none" stroke="#543ab2" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
                                        </g>
                                    </g>
                                </svg><span class='px-1'>Edit</span>
                            </a>
                        </span>
                        <span>
                            <a class='text-decoration-none px-1' href="">
                                <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
                                    <g id="Group_12736" data-name="Group 12736" transform="translate(-1188 -235)">
                                        <g id="Group_12514" data-name="Group 12514" transform="translate(-23 -105)">
                                            <circle id="Ellipse_597" data-name="Ellipse 597" cx="20" cy="20" r="20" transform="translate(1211 340)" fill="#edebf7" />
                                            <g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(1222.684 348.679)">
                                                <path id="Path_15416" data-name="Path 15416" d="M1.5,11.321S4.342,6,9.316,6s7.816,5.321,7.816,5.321-2.842,5.321-7.816,5.321S1.5,11.321,1.5,11.321Z" fill="none" stroke="#543ab2" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
                                                <path id="Path_15417" data-name="Path 15417" d="M17.491,15.5a2,2,0,1,1-2-2A2,2,0,0,1,17.491,15.5Z" transform="translate(-6.179 -4.174)" fill="none" stroke="#543ab2" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
                                            </g>
                                        </g>
                                    </g>
                                </svg><span class='px-1'>View</span>
                            </a>
                        </span>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
@endsection