@extends('common.layout')

@section('content')
    <div class="row">

        <div class="col-xl-12 col-lg-12 order-lg-2 order-xl-1">
            <h3 class="my-2 py-2 rounded">부스 관리자</h3>
            <div class="d-flex justify-content-between">
                <form class="d-flex mt-1 mb-3 w-75 " action="">
                    <div class=" col-3">
                        <select name="sch_set" class="form-select form-control-light" aria-label="Festival Index">
                            <option selected>Select Index...</option>
                            <option value="1"
                            >제 18회 영국유학박람회</option>
                            <option value="2"
                            >제 10회 edm세계유학박람회</option>
                        </select>
                    </div>
                    <div class="mx-2 col-2">
                        <select name="sch_set" class="form-select form-control-light" aria-label="Festival Index">
                            {{--         횟수                   --}}
                            <option value=""><span>회</span></option>
                        </select>
                    </div>
                    <div class="col-2">
                        <select name="sch_set" class="form-select form-control-light" aria-label="Festival Index">
                            {{--      지역                      --}}
                            <option value=""></option>

                        </select>
                    </div>

                    <button class="btn btn-primary col-1  mx-2 p-0" type="submit">검색</button>
                </form>
                <div>
                    <button class="font-14 my-1 fw-normal btn btn-info">추가</button>
                    <button class="font-14 my-1 fw-normal btn btn-primary">저장</button>

                </div>
            </div>


            <div class="card">
                <div class="card-body">

                    <div class="table-responsive">
                        <form action="">
                            <table class="table table-centered table-nowrap text-center table-hover mb-0">
                                <thead>
                                <th>박람회밤당자</th>
                                <th>연락처</th>
                                <th>상담담당자</th>
                                <th>부스명</th>
                                <th></th>
                                </thead>
                                <tbody>
                                <tr class="w-100">
                                    <td class="col-2">
                                        <h5 class="font-14 my-1 fw-normal">
                                            {{--    박람회 담당자     --}}
                                            <input class="p-1 m-1" class="mb-3" type="text" name="name" placeholder="xx를 입력해주세요">
                                        </h5>
                                    </td>
                                    <td  class="col-2">
                                        <h5 class="font-14 my-1 fw-normal">
                                            {{--    연락처                       --}}
                                            <input class="p-1 m-1" type="tel" name="tel" placeholder="xx를 입력해주세요.">
                                        </h5>
                                    </td>
                                    <td class="col-2">
                                        <h5 class="font-14 my-1 fw-normal">
                                            {{--    상담 담당자     --}}
                                            <input class="p-1 m-1" class="mb-2"  type="text" name="name" placeholder="xx를 입력해주세요">

                                            {{--    셀렉트 박스로 갈 경우    --}}
                                            {{--                                            <select class="custom-selectbg my-1 mr-sm-2 p-1 w-100" id="inlineFormCustomSelectPref">--}}
                                            {{--                                                <option value=" ">--}}
                                            {{--                                                </option>--}}
                                            {{--                                            </select>--}}
                                        </h5>
                                    </td>

                                    <td  class="col-4">
                                        {{--    부스명     --}}
                                        <input class="p-1 col-7 m-1" type="text" name="team" placeholder="xx를 입력해주세요">
                                    </td>
                                    <td  class="col-2">
                                        <button class="font-14 col-6  my-1 fw-normal btn btn-info">추가</button>
                                    </td>
                                </tr>
                                </tbody>
                            </table>



                        </form>
                    </div> <!-- end table-responsive-->
                </div> <!-- end card-body-->
            </div> <!-- end card-->


            <div class="card">
                <div class="card-body">

                    <div class="table-responsive">

                        <table class="table table-centered table-nowrap text-center table-hover mb-0">
                            <thead>
                            <th>No</th>
                            <th>박람회밤당자</th>
                            <th>연락처</th>
                            <th>상담담당자</th>
                            <th class="col-4">부스명</th>
                            <th>삭제</th>
                            </thead>
                            <tbody>
                            <tr>
                                <td>
                                    <h5 class="font-14 my-1 fw-normal">
                                        {{--    no     --}}
                                    </h5>
                                </td>
                                <td class="col-2">
                                    <h5 class="font-14 my-1 fw-normal">
                                        {{--
                                                박람회담당자 이미지 (대체)
                                        <img class="col-2" src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/language-school-2021/2021_language_section8_img01_01.png" alt="대체 이미지">
                                        --}}
                                        {{--     이름    --}}
                                        <span class="font-14 my-1 ml-1 fw-normal">
                                        {{--     id    --}}
                                    </span>
                                    </h5>
                                </td>
                                <td>
                                    <h5 class="font-14 my-1 fw-normal">
                                        {{--   연락처      --}}
                                    </h5>
                                </td>
                                <td class="col-2">
                                    <h5 class="font-14 my-1 fw-normal">
                                        {{--
                                                상담담당자 이미지 (대체)
                                        <img class="col-2" src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/language-school-2021/2021_language_section8_img01_01.png" alt="">
                                        --}}
                                        {{--     이름    --}}
                                        <span class="font-14 my-1 ml-1 fw-normal">
                                            {{--   id    --}}
                                        </span>
                                    </h5>
                                </td>
                                <td>
                                    <h5 class="font-14 my-1 fw-normal">
                                        {{--   부스명      --}}
                                    </h5>
                                </td>

                                <td>
                                    <btton class="font-14 my-1 fw-normal btn btn-danger">삭제</btton>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div> <!-- end table-responsive-->
                </div> <!-- end card-body-->
            </div> <!-- end card-->

        </div> <!-- end col-->
    </div>
    <!-- end row -->


@endsection

@section('script')

@endsection