@extends("layouts.admin.app")
@section("page-title")
    Dashboard
@endSection
@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i> {{__("Sub Categories")}}</h1>
            <p>{{__("All Sub Categories")}}</p>
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{__("Dashboard")}}</a></li>
            <li class="breadcrumb-item"><a href="{{route("admin.main_category.index")}}">{{__("Main Categories")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{$category->mainCategory->name}}</a></li>
            <li class="breadcrumb-item"><a href="{{route("admin.sub_category.index", ["main_id" => $category->mainCategory->id])}}">{{__("Sub Categories")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__("Edit")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{$category->name}}</a></li>
        </ul>
    </div>
@endsection

@section("css-links")
    <link rel="stylesheet" href="{{asset("assets/css/utils/week_days.css")}}">
@endsection

@section("content")

    <div class="row">
        <div class="col-lg-10 m-auto">
            <div class="tile">
                <h3 class="tile-title">{{__("Edit Sub Category")}}</h3>
                <div class="tile-body">
                    <form method="post" action="{{route("admin.sub_category.update", ["main_id" => $category->mainCategory->id, "id" => $category->id])}}" enctype="multipart/form-data">
                        @csrf
                        @method("put")
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("English Main Category Name")}}</label>
                                    <input class="form-control @if($errors->has('name_en')) is-invalid @endif" type="text" name="name_en" placeholder="{{__("Enter English Main Category Name")}}" value="{{inputValue("name_en",$category)}}">
                                </div>
                                @error("name_en")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Arabic Main Category Name")}}</label>
                                    <input class="form-control @if($errors->has('name_ar')) is-invalid @endif" type="text" name="name_ar" placeholder="{{__("Enter Arabic Main Category Name")}}" value="{{inputValue("name_ar", $category)}}">
                                </div>
                                @error("name_ar")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>


                        </div>

                        {{-- <hr>

                        <div class="row">
                            <div class="col-lg-6">
                                <!-- Button trigger modal -->
                                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
                                    {{__("Schedule")}}
                                </button>

                                <!-- Modal Time Week Day-->
                                <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                    <div class="modal-dialog modal-lg">
                                        <div class="modal-content">
                                            <div class="modal-header text-center">
                                                <h5 class="modal-title" id="exampleModalLabel">{{__("Service Availability Control")}}</h5>
                                                <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="days-week-box" data-alldays-text="{{__("All Days")}}">
                                                    <div id="DaysSection" >
                                                        <div class="header"><span>{{__("Week Days")}}</span></div>
                                                        <div class="days-checkbox-group" id="checkboxes">
                                                            <ul>
                                                                <li>
                                                                    <input type="checkbox" name="days[sun]" class="days-checkbox" id="sun" {{checkedFromGroup("days", "sun", "on",  $category->days, "sunday", true)}} />
                                                                    <label for="sun">{{__("Sunday")}}</label>
                                                                </li>
                                                                <li>
                                                                    <input type="checkbox" name="days[mon]" class="days-checkbox" id="mon" {{checkedFromGroup("days", "mon", "on",  $category->days , "monday", true)}} />
                                                                    <label for="mon">{{__("Monday")}}</label>
                                                                </li>
                                                                <li>
                                                                    <input type="checkbox" name="days[tue]" class="days-checkbox" id="tue" {{checkedFromGroup("days", "tue", "on",  $category->days, "tuesday", true)}} />
                                                                    <label for="tue">{{__("Tuesday")}}</label>
                                                                </li>
                                                                <li>
                                                                    <input type="checkbox" name="days[wed]" class="days-checkbox" id="wed" {{checkedFromGroup("days", "wed", "on",  $category->days, "wednesday", true)}} />
                                                                    <label for="wed">{{__("Wednesday")}}</label>
                                                                </li>
                                                                <li>
                                                                    <input type="checkbox" name="days[thur]" class="days-checkbox" id="thur" {{checkedFromGroup("days", "thur", "on",  $category->days, "thursday", true)}} />
                                                                    <label for="thur">{{__("Thursday")}}</label>
                                                                </li>
                                                                <li>
                                                                    <input type="checkbox" name="days[fri]" class="days-checkbox" id="fri" {{checkedFromGroup("days", "fri", "on",  $category->days, "friday", true)}} />
                                                                    <label for="fri">{{__("Friday")}}</label>
                                                                </li>
                                                                <li>
                                                                    <input type="checkbox" name="days[sat]" class="days-checkbox" id="sat"  {{checkedFromGroup("days", "sat", "on", $category->days, "saturday", true)}} />
                                                                    <label for="sat">{{__("Saturday")}}</label>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div id="allChecked" class="days-selected-text mb-4">
                                                            <span></span>
                                                        </div>
                                                        @error("days")
                                                        <div class="input-error">{{$message}}</div>
                                                        @enderror
                                                    </div>
                                                    <div id="TimesSection">
                                                        <hr>
                                                        <div class="header"><span>{{__("Time")}}</span></div>
                                                        <div class="time">
                                                            <div class="row">
                                                                <div class="col-6  text-center">
                                                                    <div class="form-group">
                                                                        <label>{{__("From")}}</label>
                                                                        <input type="time" name="time_from" id="TimeFrom" value="{{date("H:i" , strtotime(inputValue("time_from", $category->times()->orderBy("start_time", "asc")->first(), "start_time")))}}">
                                                                    </div>
                                                                    @error("time_from")
                                                                    <div class="input-error">{{$message}}</div>
                                                                    @enderror
                                                                </div>
                                                                <div class="col-6  text-center">
                                                                    <div class="form-group">
                                                                        <label>{{__("To")}}</label>
                                                                        <input type="time" name="time_to" id="TimeTo" value="{{date("H:i", strtotime(inputValue("time_to", $category->times()->orderBy("end_time", "desc")->first(), "end_time")))}}">
                                                                    </div>
                                                                    @error("time_to")
                                                                    <div class="input-error">{{$message}}</div>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-6 m-auto text-center">
                                                                    <div class="form-group">
                                                                        <label>{{__("Time Slice")}}</label>
                                                                        <input type="number" name="time_slice" id="Slice"
                                                                               value="{{old("time_slice") === null ? $slice : old("time_slice")}}" min="30" max="360" step="30"
                                                                               data-meridiem-am = "{{__("AM")}}" data-meridiem-pm = "{{__("PM")}}">
                                                                    </div>
                                                                    @error("time_slice")
                                                                    <div class="input-error">{{$message}}</div>
                                                                    @enderror
                                                                </div>
                                                            </div>
                                                            <div class="row mt-2">
                                                                <div class="col-lg-10 m-auto">
                                                                    <div class="box-checking-container" id="TimeView">
                                                                        @foreach($category->times as $time)
                                                                            <div class="box-checking">
                                                                                <input type="checkbox" name="times[]" value="{{$time->start_time}}" @if(!$time->blocked) checked @endif>
                                                                                <label for="">{{date("h:i A", strtotime($time->start_time))}} - {{date("h:i A", strtotime($time->end_time))}} </label>
                                                                            </div>
                                                                        @endforeach
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div> --}}

                        <hr>

                        <div class="row">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="control-label">{{__("Sub Category Photo")}}</label>
                                    <div>
                                        <button class="btn btn-primary form-control button-upload-file" >
                                            <input class="input-file show-uploaded" data-upload-type="single" data-imgs-container-class="uploaded-images" type="file" name="sub_category_photo">
                                            <span class="upload-file-content">
                                                <i class="fas fa-upload fa-lg upload-file-content-icon left"></i>
                                                <span class="upload-file-content-text">{{__("Upload Photo")}}</span>
                                            </span>
                                        </button>
                                    </div>
                                </div>
                                @error("main_category_photo")
                                <div class="input-error">{{$message}}</div>
                                @enderror
                            </div>
                            <div class="col-lg-3 col-md-5 col-sm-6">
                                <div class="uploaded-images" style="margin-bottom: 20px;">
                                    <div class="img-container">
                                        <img src="{{ $category->getFirstMediaFile()->url }}" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tile-footer">
                            <button class="btn btn-primary" type="submit"><i class="fa fa-fw fa-lg fa-check-circle"></i>{{__("Save")}}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endsection

@section("scripts")

    <script src="{{asset("assets/js/utils/week_days.js")}}"></script>
    <script src="{{asset("assets/js/pages/create_sub_category.js")}}"></script>

@endsection