@extends('layouts.admin')


@section('style')

    <!-- daterange picker -->
    <link rel="stylesheet" href="{{ asset('assets/bower/bootstrap-daterangepicker/daterangepicker.css') }}">
    <!-- bootstrap datepicker -->
    <link rel="stylesheet"
          href="{{ asset('assets/bower/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css') }}">
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/jquery-tagsinput/1.3.6/jquery.tagsinput.min.css">

    <link rel="stylesheet" href="{{ asset('assets/bower/bootstrap3-wysihtml5-bower/dist/bootstrap3-wysihtml5.css') }}">

    <style>
        .required {
            color: #dd4b39;
        }
    </style>

@endSection

@section('script')


    <!-- date-range-picker -->
    <script src="{{ asset('assets/bower/moment/min/moment.min.js') }}"></script>
    <script src="{{ asset('assets/bower/bootstrap-daterangepicker/daterangepicker.js') }}"></script>
    <!-- bootstrap datepicker -->
    <script src="{{ asset('assets/bower/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js') }}"></script>
    <script src="{{ asset('assets/bower/bootstrap3-wysihtml5-bower/dist/bootstrap3-wysihtml5.all.min.js') }}"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-tagsinput/1.3.6/jquery.tagsinput.min.js"></script>
    <script src="https://code.jquery.com/jquery-migrate-3.0.0.min.js"></script>
    <script src="{{ asset('assets/bower/ckeditor/ckeditor.js') }}"></script>

    <script>
        $(function () {


        });

    </script>

@endSection

@section('content')

    <!-- Content Header (Page header) -->
    @php
        $page_title = isset($asset) ?  __('heading.title_edit_stores').' <small>'.$asset['name'].'</small>':__('heading.title_create_stores');
    @endphp

    <!-- Main content -->
    <section class="content">
        <div class="row">

            <div class="col-md-12">
                <form class="form-horizontal" action="{{ $post_url }}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="card card-primary card-outline shadow">

                        <div class="card-header">
                            <h3 class="card-title">Details</h3>
                        </div>
                        <!-- /.card-header -->
                        <div class="card-body">

                            <!-- text input -->
                            <div class="form-group row {{ $errors->has('name') ? 'has-error' : '' }} ">
                                <label class="col-sm-2 control-label">Name <span
                                        class="required">*</span></label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" placeholder="Store Name (e.g. Mcdonald's)"
                                           name="name" value="{{ $asset['name'] ?? old('name') }}">

                                    @if ($errors->has('name'))
                                        <small class="help-block">{{ $errors->first('name') }}</small>
                                    @endif
                                </div>
                            </div>

                            <div class="form-group row {{ $errors->has('store_logo') ? 'has-error' : '' }} ">
                                <label class="col-sm-2 control-label">Store Logo <span
                                        class="required">*</span></label>
                                <div class="col-sm-10">
                                    <input type="file" accept="image/*" class="form-control" placeholder="Select Store Logo to Upload" name="store_logo" >
                                    @if ($errors->has('store_logo'))
                                        <small class="help-block">{{ $errors->first('store_logo') }}</small>
                                    @endif
                                </div>
                            </div>

                            <div class="form-group row {{ $errors->has('store_color') ? 'has-error' : '' }} ">
                                <label class="col-sm-2 control-label">Store Color <span
                                        class="required">*</span></label>
                                <div class="col-sm-10">
                                    <input type="color" name="store_color" >
                                    @if ($errors->has('store_color'))
                                        <small class="help-block">{{ $errors->first('store_color') }}</small>
                                    @endif
                                </div>
                            </div>

                        </div>
                        <!-- /.card-body -->


                        <div class="card-footer">
                            {{--<button class="btn btn-default">Reset</button>--}}
                            @if(isset($asset))
                                <button type="submit" class="btn btn-info float-right ml-1">Save</button>
                                {{-- note: do not simply change the name of button, it will post the data for reference--}}
                            @else
                                <button type="submit" class="btn btn-info float-right">Submit</button>
                            @endif
                        </div>
                    </div>


                </form>
            </div>

        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->

@endsection