@extends('layouts.app')


@section('stitle', 'promotions')
@section('title', 'promotions')

@section('content')
<div class="app-content content ">
    <div class="content-overlay"></div>
    <div class="header-navbar-shadow"></div>
    <div class="content-wrapper container-xxl p-0">

        @if ($errors->any())
            @foreach ($errors->all() as $error)
                {{ $error }}
            @endforeach
        @endif

        <div class="content-header row">
            <div class="content-header-left col-md-6 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">@yield('title')</h2>
                    </div>
                </div>
            </div>
            <div class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">
            <div class="form-group breadcrumb-right">
                <button class="btn btn-success waves-effect waves-float waves-light" type="button" data-toggle="modal" data-target="#create"><i data-feather='plus' class="mr-1"></i>Save @yield('stitle')</button>
            </div>
            </div>
        </div>

        <div class="content-body">
            <!-- Basic Horizontal form layout section start -->
            <section id="basic-horizontal-layouts">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">Create @yield('stitle')</h4>
                            </div>
                            <div class="card-body">
                                <form class="form" action="{{ route('branch.store') }}" method="POST">
                                    @csrf
                                    <div class="row">
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label for="name">Name</label>
                                                <input type="text" id="name" class="form-control" name="name" />
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label for="name">Start Date</label>
                                                <input type="date" id="s_date" class="form-control" name="start_date" />
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                            <label for="name">End Date</label>
                                                <input type="date" id="e_date" class="form-control" name="end_date" />
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label for="name">Start Time</label>
                                                <input type="time" id="s_time" class="form-control pickatime" name="start_time" />
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                            <label for="name">End Time</label>
                                                <input type="time" id="e_time" class="form-control pickatime" name="end_time" />
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                            <label for="tax_group">Applies On Days</label>
                                                <select class="select2 form-control form-control-lg" name="applies_on_days">
                                                    <option value="1">one</option>
                                                    <option value="2">two</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                            <label for="tax_group">Applies On Order Types</label>
                                                <select class="select2 form-control form-control-lg" name="applies_on_order_type">
                                                    <option value="1">one</option>
                                                    <option value="2">two</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12">
                                            <div class="form-group">
                                                <label for="opening">Priortity</label>
                                                <input type="number" id="priortity" class="form-control pickatime" name="opening" placeholder="8:00 AM" />
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12 mt-3">
                                        <input type="checkbox" name="taxable" />
                                        <label>Taxable</label>
                                        </div>
                                        <div class="col-12 text-right">
                                            <button type="reset" class="btn btn-outline-secondary mr-1">Reset</button>
                                            <button type="submit" class="btn btn-primary">Submit</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Basic Horizontal form layout section end -->
        </div>
    <!-- promotoin Detail -->
        <div class="content-body">
            <!-- Basic Horizontal form layout section start -->
            <section id="basic-horizontal-layouts">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">@yield('stitle') Details</h4>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="demo-inline-spacing">
                                            <div class="form-check ">
                                                <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked="">
                                                <label class="form-check-label" for="inlineRadio1">Basic</label>
                                            </div>
                                            <div class="form-check ">
                                                <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
                                                <label class="form-check-label" for="inlineRadio2">Advanced</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                        <div class="col-md-4 col-12 mt-3">
                                            <div class="form-group">
                                                <label for="name">Discount Type</label>
                                                <input type="text" id="discount_type" class="form-control" name="discount_type" />
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12 mt-3">
                                            <div class="form-group">
                                                <label for="name">Discount Amount (%)</label>
                                                <input type="number" id="discount_amount" class="form-control" name="discount_amount" />
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12 mt-3">
                                            <div class="form-group">
                                                <label for="name">Maximum Discount Value (SAR)</label>
                                                <input type="number" id="maximum_discount_value" class="form-control" name="maximum_discount_value" />
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-12 mt-1">
                                            <div class="form-group">
                                                <label for="name">Products</label>
                                                <input type="taxt" id="product" class="form-control" name="product" />
                                            </div>
                                        </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Basic Horizontal form layout section end -->
        </div>
    <!-- Applies On Branches -->
    <div class="content-body">
            <!-- Basic Horizontal form layout section start -->
            <section id="basic-horizontal-layouts">
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">Applies On Branches</h4>
                                <div class="content-header-right text-md-right col-md-6 col-12 d-md-block d-none">
            <div class="form-group breadcrumb-right">
                <button class="btn btn-success waves-effect waves-float waves-light" type="button" data-toggle="modal" data-target="#"><i data-feather='plus' class="mr-1"></i>Add Branch</button>
            </div>
            </div>
    </div>

                            <div class="card-body">
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Basic Horizontal form layout section end -->
        </div>

    </div>
    
</div>



<div class="modal-size-lg d-inline-block">
    <!-- Modal -->
    <div class="modal fade text-left" id="create" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
            <div class="modal-content">
                <form class="dt_adv_search" method="POST">
                    <div class="modal-header">
                        <h4 class="modal-title" id="myModalLabel17">New @yield('stitle')</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">

                        <div class="row">
                            <div class="col-12">
                                <div class="form-row mb-1">
                                    <div class="col-lg-4">
                                        <label>Type:</label>
                                        <input type="text" class="form-control dt-input dt-full-name" data-column="1" placeholder="Alaric Beslier" data-column-index="0" />
                                    </div>
                                    <div class="col-lg-4">
                                        <label>Email:</label>
                                        <input type="text" class="form-control dt-input" data-column="2" placeholder="demo@example.com" data-column-index="1" />
                                    </div>
                                    <div class="col-lg-4">
                                        <label>Post:</label>
                                        <input type="text" class="form-control dt-input" data-column="3" placeholder="Web designer" data-column-index="2" />
                                    </div>
                                </div>
                                <div class="form-row">
                                    <div class="col-lg-4">
                                        <label>City:</label>
                                        <input type="text" class="form-control dt-input" data-column="4" placeholder="Balky" data-column-index="3" />
                                    </div>
                                    <div class="col-lg-4">
                                        <label>Date:</label>
                                        <div class="form-group mb-0">
                                            <input type="text" class="form-control dt-date flatpickr-range dt-input" data-column="5" placeholder="StartDate to EndDate" data-column-index="4" name="dt_date" />
                                            <input type="hidden" class="form-control dt-date start_date dt-input" data-column="5" data-column-index="4" name="value_from_start_date" />
                                            <input type="hidden" class="form-control dt-date end_date dt-input" name="value_from_end_date" data-column="5" data-column-index="4" />
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <label>Salary:</label>
                                        <input type="text" class="form-control dt-input" data-column="6" placeholder="10000" data-column-index="5" />
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary" data-dismiss="modal">Accept</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>



@endsection