admin_hura_8/template/system/store_address.html

<div class="global-breadcrumb-container">
    <a href="/admin/system"> Cài đặt chung </a>
    <a href=""> Cài đặt chi nhánh cửa hàng </a>
</div>

<div class="max-w-[1141px] flex flex-wrap items-start m-[0_auto_16px_auto]">
    <div
        class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[18px]">
        <p class="font-bold text-[20px] leading-[26px]"> Các địa chỉ cửa hàng </p>
    </div>

    <div
        class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
        <a href="javascript:void(0)" style="color: #Fff;background: #0041E8;"
            class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition">
            Thêm địa chỉ mới
        </a>
    </div>

    <div class="w-[852px]">
        <div class="p-[15px] bg-white rounded-[15px_15px_0_0] shadow-[0px_1px_1px_0px_#0000001A]">
            <b class="block text-[20px] mb-[10px]">Thêm địa chỉ mới</b>
            <div class="flex items-center">
                <div class="form-control mb-[15px] mr-[7px]">
                    <label class="font-[600] mb-[5px] text-[14px]">Đặt tên</label>
                    <input type="text" size="60" name="" placeholder="Đặt tên"
                        class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                </div>
                <div class="form-control mb-[15px] ml-[7px]">
                    <label class="font-[600] mb-[5px] text-[14px]">Tel</label>
                    <input type="text" size="60" name="" placeholder="Tel"
                        class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
                </div>
            </div>

            <div class="flex items-center">
                <div class="form-control mb-[15px] w-[100%] mr-[7px]">
                    <label class="font-[600] mb-[5px] text-[14px]">Tỉnh/TP</label>
                    <select name="" id=""
                        class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
                        <option value="">-- Chọn tỉnh/TP --</option>
                    </select>
                </div>
                <div class="form-control mb-[15px] w-[100%] ml-[7px]">
                    <label class="font-[600] mb-[5px] text-[14px]">Quận huyện</label>
                    <select name="" id=""
                        class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)] mr-[10px]">
                        <option value="">-- Chọn Quận/Huyện --</option>
                    </select>
                </div>
            </div>

            <div class="form-control mb-[15px]">
                <label class="font-[600] mb-[5px] text-[14px]">Địa chỉ</label>
                <input type="text" size="60" name="" placeholder="Địa chỉ"
                    class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
            </div>

            <div class="form-control mb-[15px]">
                <label class="font-[600] mb-[5px] text-[14px]">StoreID trên phần mềm kho hàng (nếu có)</label>
                <input type="text" size="60" name="" placeholder="StoreID trên phần mềm kho hàng (nếu có)"
                    class="w-[100%] border-[1px] border-[#D8D8D8] py-[6px] px-[10px] rounded-[4px] shadow-[0_2px_4px_0_rgba(0,0,0,0.12)]">
            </div>

            <div class="flex items-center">
                <b class="w-[200px]">Đây là 1 cửa hàng ?</b>
                <label class="check-form flex items-center cursor-pointer">
                    <input type="checkbox" name="" value="1" checked class="checkbox checkbox-success">
                    <span class="ml-[10px] text-[#6B7280] label-text">Đây là 1 cửa hàng khách có thể tới
                    </span>
                </label>
            </div>

            <input type="submit" value="Cập nhật"
                class="inline-block mt-[20px] cursor-pointer h-[32px] bg-[#0041E8] text-[#fff] rounded-[4px] font-[500] p-[0_11px]" />

        </div>

        <div
            class="p-[15px] mb-[15px] bg-white border-t-[6px] border-[#FAFAFB] rounded-[0_0_15px_15px] shadow-[0px_1px_1px_0px_#0000001A]">
            <b class="block text-[20px] mb-[10px]">Danh sách địa chỉ cửa hàng</b>
            <table class="table mb-[15px]">
                <thead class="bg-[#f6f6f6] text-[14px] font-[500] text-[#000]">
                    <tr>
                        <th class="w-[50px]">STT</th>
                        <th class="w-[135px]">Tên gọi</th>
                        <th>Địa chỉ</th>
                        <th class="w-[100px]">Tỉnh</th>
                        <th>Là 1 cửa hàng</th>
                        <th class="w-[70px]">ERP ID</th>
                        <th>Lựa chọn</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>HACOM Q7, TP. Hồ Chí Minh</td>
                        <td>500 Nguyễn Thị Thập - Quận 7 - TP. Hồ Chí Minh</td>
                        <td>TP HCM</td>
                        <td>yes</td>
                        <td>Ton120</td>
                        <td>
                            <div class='list-btn flex items-center'>
                                <a href=""
                                    class='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                        class='icons icon-edit'></i></a>
                                <a href=""
                                    class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                        class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
                                <a href=""
                                    class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                        class='icons icon-delete'></i></a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>HACOM Q7, TP. Hồ Chí Minh</td>
                        <td>500 Nguyễn Thị Thập - Quận 7 - TP. Hồ Chí Minh</td>
                        <td>TP HCM</td>
                        <td>yes</td>
                        <td>Ton120</td>
                        <td>
                            <div class='list-btn flex items-center'>
                                <a href=""
                                    class='w-[30px] h-[30px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                        class='icons icon-edit'></i></a>
                                <a href=""
                                    class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                        class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
                                <a href=""
                                    class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                        class='icons icon-delete'></i></a>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>