@extends('panel.layouts.app')

@section('content')
    <!-- Content -->
    <div class="content-area p-y-1">
        <div class="container-fluid">
            <h1 class="h-underline h-underline-50 h-underline-info">Create Digitizing Quote </h1>
            <ol class="breadcrumb no-bg m-b-1">
                <li class="breadcrumb-item"><a href="{{ url('/') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route('quotes.digitizing.listing') }}">Digitizing Quotes</a>
                </li>
                <li class="breadcrumb-item active">Create Digitizing Quote</li>
            </ol>


            <div class="box box-block bg-white">
                @if(Session::has('success'))
                    <div id="alert" class="alert alert-success">{{ \Illuminate\Support\Facades\Session::get('success') }}</div>
                    <script>
                        setTimeout(function (){ $("#alert").remove();}, 2000)
                    </script>
                @endif
                <form action="{{ route('digitizing.quote.submit') }}" enctype="multipart/form-data" method="post">
                    {{ csrf_field() }}
                    <div class="form-group row">
                        <label for="example-text-input" class="col-xs-2 col-form-label">Name Of Design</label>
                        <div class="col-xs-8">
                            <input class="form-control" type="text" placeholder="Name Of Design" id="example-text-input"
                                   required name="NameDesign">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="example-text-input" class="col-xs-2 col-form-label">Colors</label>
                        <div class="col-xs-4">
                            <input class="form-control" type="number" placeholder="Number Of Colors"
                                   id="example-search-input" required name="NumberOfColors">
                        </div>

                        <div class="col-xs-4">
                            <input class="form-control" type="colors" placeholder="Name Of Colors"
                                   id="example-email-input" required name="NameOfColors">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="example-text-input" class="col-xs-2 col-form-label" required name="SizeDesign">Size
                            Of The Design </label>
                        <div class="col-xs-3">
                            <input class="form-control" type="number" placeholder="Width" id="example-email-input"
                                   required name="Width">
                        </div>
                        <div class="col-xs-2">
                            <input class="form-control" type="number" placeholder="Height" id="example-email-input"
                                   required name="Height">
                        </div>
                        <div class="col-xs-3">
                            <select class="form-control custom-select" required name="sizeTypeId">
                                <option option="0">Select Size Type</option>
                                @foreach($LOVs['sizeType'] as $type)
                                    <option value="{{ $type->id }}">{{ $type->value }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="example-text-input" class="col-xs-2 col-form-label">Choose</label>
                        <div class="col-xs-2">
                            <select class="custom-select form-control" required name="fabricTypeId">
                                <option value="0">Select Fabric Type</option>
                                @foreach($LOVs['fabricType'] as $type)
                                    <option value="{{ $type->id }}">{{ $type->value }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-xs-2">
                            <select class="custom-select form-control" required name="DesignPlacementId">
                                <option Value="0">Select Design Placement</option>
                                @foreach($LOVs['designPlacement'] as $type)
                                    <option value="{{ $type->id }}">{{ $type->value }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-xs-2">
                            <select class="custom-select  form-control" required name="DesignFormatId">
                                <option Value="0">Select Design Format</option>
                                @foreach($LOVs['digitizingDesignFormat'] as $type)
                                    <option value="{{ $type->id }}">{{ $type->value }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-xs-2">
                            <select class="custom-select form-control" required name="TimeFrameId">
                                <option Value="0">Select Time Frame</option>
                                @foreach($LOVs['timeFrame'] as $type)
                                    <option value="{{ $type->id }}">{{ $type->value }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="example-text-input" class="col-xs-2 col-form-label">Additional Information</label>
                        <div class="col-xs-8">
                            <textarea class="form-control" type="text" id="additionalInfo"
                                      placeholder="Additional Information" rows="8" required
                                      name="AdditionalInfo"></textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="example-text-input" class="col-xs-2 col-form-label"
                               name="Attactments">Attactments</label>
                        <div class="col-xs-2">
                            <input type="file" class="form-control-file" id="exampleInputFile" name="attachment[]"
                                   aria-describedby="fileHelp"><br>
                            <input type="file" class="form-control-file" id="exampleInputFile" name="attachment[]"
                                   aria-describedby="fileHelp">
                        </div>

                    </div>
                    <br>
                    <div class="form-group row">
                        <div class="col-xs-1">
                            <button type="reset" class="btn btn-danger w-min-sm m-b-0-25 waves-effect waves-light">
                                cancle
                            </button>
                        </div>
                        <div class="col-xs-1" style="padding-left:40px;">
                            <button type="sumbit" class="btn btn-info run-toast m-b-0-25 waves-effect waves-light"
                                    data-type="success">Submit
                            </button>
                            </a>
                        </div>
                    </div>
                </form>

            </div>
        </div>
    </div>
    <!-- Footer -->
    <footer class="footer">
        <div class="container-fluid">
            <div class="col-xs-9">
                2019 © Dream Digitizing
            </div>
            <div class="col-xs-3">
                <button type="button" class="btn bg-facebook m-b-0-25 waves-effect waves-light">
                    <i class="ti-facebook"></i>
                </button>
                <button type="button" class="btn bg-twitter m-b-0-25 waves-effect waves-light">
                    <i class="ti-twitter"></i>
                </button>
                <button type="button" class="btn bg-instagram m-b-0-25 waves-effect waves-light">
                    <i class="ti-instagram"></i>
                </button>
                <button type="button" class="btn bg-google m-b-0-25 waves-effect waves-light">
                    <i class="ti-google"></i>
                </button>
            </div>
        </div>
    </footer>
@endsection