@extends('layouts.admin_layout')
@section('content')
<div class="container-fluid">
    <div class="row column_title">
    <div class="col-md-12">
        <div class="page_title">
            <h2>Manage Site Banner</h2>
        </div>
    </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="white_shd full margin_bottom_30">
                <div class="full graph_head">
                    <div class="heading1 margin_0">
                    <h2>Create New Banner</h2>
                    </div>
                </div>
                <div class="padding_infor_info">
                    <form action="{{url('admin/manage-site-banners')}}" method="POST" enctype="multipart/form-data">
                 @csrf
                 <div class="form-group">
                    <label>Page Name</label>
                    <select name="page_id" class="form-control" required id="page_id">
                        <option>--select page name--</option>
                        @foreach($sitePages as $pageName)
                        <option value="{{$pageName->id}}">{{$pageName->page_name}}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label>Banner title</label>
                    <input class="form-control" type="text" name="title" placeholder="Title">
                </div>

                <div class="form-group">
                    <label>Banner sub title</label>
                    <input class="form-control" type="text" name="sub_title" placeholder="Sub Title">
                </div>

                <div class="form-group">
                    <label>Desktop Banner <span class="text-danger">[1440 * 463]<span></label>
                    <input class="form-control" type="file" placeholder="Desktp Banner" name="desktop_banner" required>
                </div>

                <div class="form-group">
                    <label>Mobile Banner <span class="text-danger">[390 * 486]<span></label>
                    <input class="form-control" type="file" placeholder="Mobile Banner" name="mobile_banner" required>
                </div>
                <div class="form-group">
                    <label>link</label>
                    <input class="form-control" type="text" name="link" placeholder="link">
                </div>
                <div class="form-group">
                    <label>Sorting order</label>
                    <input class="form-control" type="number" name="sorting" >
                </div>

                <div class="form-group">
                      <label >Enable Button on Banner<span class="text-danger"><sup>*</sup></span></label>
                        <div class="custom-control custom-radio mb-3">
                            <input type="radio" id="customRadio5"  class="custom-control-input" value="1" name="button_status" required>
                            <label class="custom-control-label" for="customRadio5">Yes</label>
						</div>
                        <div class="custom-control custom-radio mb-5">
                            <input type="radio" id="customRadio6"  class="custom-control-input" value="0" name="button_status" checked="" required>
                            <label class="custom-control-label" for="customRadio6">No</label>
                        </div>
                  </div>

                    <div class="form-group">
                        <label>Button Name</label>
                        <input class="form-control" type="text" name="button_name">
                    </div>

                <div class="form-group">
                      <label >Status</label>
                        <div class="custom-control custom-radio mb-3">
                            <input type="radio" id="customRadio1"  class="custom-control-input" value="1" name="status">
                            <label class="custom-control-label" for="customRadio1">Active</label>
						</div>
                        <div class="custom-control custom-radio mb-5">
                            <input type="radio" id="customRadio2"  class="custom-control-input" value="0" name="status" checked="">
                            <label class="custom-control-label" for="customRadio2">In-Active</label>
                        </div>
                  </div>
                    <div class="form-group">
                        <button type="submit" class="btn btn-primary">Submit</button>
                        <a href="{{ url('admin/manage-site-banners')}}" class="btn btn-danger">Cancel</a>
                    </div>
		        </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection