@extends('web.layouts.main')
@section('content')


<main>

    <!-- ---------- choose_plane_sec ----------- -->
    <section class="choose_plan_sec">
        <div class="container">
            <h3 class="title text-center mainColor mb-5"> {{$title}} </h3>
            <div class="choose_plane_content">
                <div class="row align-items-center gx-0">
                    <div class="col-lg-7">
                        <form @if(\Auth::user()) method="{{$method}}" action="{{$action}}" onsubmit="saveForm(this)" @else onsubmit="loginFirst()" @endif id="form">
                            @CSRF
                        <div class="form">
                            <input type="hidden" name="try" id="trySub" value="0">
                            <div class="row">
                                <div class="col-12">
                                    <div class="brands mb-4">
                                        <h6> {{__('web.section_select')}} </h6>
                                        <div class="brands_group">
                                            <div class="row gx-lg-3 gx-1">
                                                @foreach($sections as $section)
                                                <div class="col-lg-3 col-4">
                                                    <div class="form-check">
                                                        <input class="form-check-input" onclick="packageSelect(this)" type="radio" @if($section_id == $section->id) checked @endif name="section" id="brand{{$section->id}}" value="{{$section->id}}" @if($section->id == ($section_id ?? null)) checked @endif>
                                                        <label class="form-check-label" for="brand{{$section->id}}">
                                                            <img src="{{asset($section->image)}}" alt="">
                                                            <h6> {{$section->descriptions()->name}} </h6>
                                                        </label>
                                                    </div>
                                                </div>
                                                @endforeach
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="package_type">
                                        <h6> {{__('web.gender')}} </h6>
                                        <div class="form-group">
                                            <div class="row gx-3">
                                                <div class="col-6 col-lg-3">
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="radio" name="gender" onclick="packageSelect(this)" value="male" id="sex1" @if(in_array($gender ?? null ,[null,'male'])) checked @endif>
                                                        <label class="form-check-label" for="sex1">
                                                            {{__('web.men')}}
                                                        </label>
                                                    </div>
                                                </div>
                                                <div class="col-6 col-lg-3">
                                                    <div class="form-check">
                                                        <input class="form-check-input" type="radio" name="gender" onclick="packageSelect(this)" value="female" id="sex2" @if('female' == ($gender ?? null)) checked @endif>
                                                        <label class="form-check-label" for="sex2">
                                                            {{__('web.women')}}
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="package_type">
                                        <h6> {{__('web.package_status')}} </h6>
                                        <div class="form-group">
                                            <div class="row gx-3" id="packages">
                                                @isset(($packages))
                                                    @foreach($packages as $package)
                                                        <div class="col-6 col-lg-3">
                                                            <div class="form-check">
                                                                <input class="form-check-input" name="package" onclick="selectSpecies(this)" value="{{$package->id}}" type="radio" @if($package->id == $package_id) checked @endif id="package{{$package->id}}">
                                                                <label class="form-check-label" for="package{{$package->id}}">
                                                                    {{$package->descriptions()->name}}
                                                                </label>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                @else
                                                
                                                @endisset
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form_select mt-4">
                                        <h6> {{__('web.count_meals')}} </h6>
                                        <select name="species_id" onchange="daysSelect(this)" id="specieses" class="form-select form-control">
                                            <option value=""> {{__('web.select')}} </option>
                                            @isset(($specieses))
                                                @foreach($specieses as $row)
                                                    <option @if($row->id == $species_id) selected @endif value="{{$row->id}}">{{$row->species->descriptions()->name}}</option> 
                                                @endforeach
                                            @endisset
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form_select mt-4">
                                        <h6> {{__('web.count_days')}} </h6>
                                        <select name="cost_id" id="costs" class="form-select form-control">
                                            <option value=""> {{__('web.select')}} </option>
                                            @isset(($days))
                                                @foreach($days as $row)
                                                    <option @if($row->id == $cost->id) selected @endif value="{{$row->id}}">{{$row->day->day}}</option> 
                                                @endforeach
                                            @endisset
                                        </select>
                                    </div>
                                </div>
                                @foreach($sides as $row)
                                <div class="col-lg-6">
                                    <div class="form_select mt-4">
                                        <h6> {{ $row->descriptions()->name }} ({{__('web.choise')}})</h6>
                                        <input type="number" class="form-control" min="0" name="side_id[{{$row->id}}]" placeholder="{{__('web.count_meal_sides')}}" value="{{$side[$row->id] ?? ''}}">
                                    </div>
                                </div>
                                @endforeach
                                <div class="col-lg-6">
                                        <div class="form_select mt-4">
                                            <h6> {{__('web.count_snacks')}} ({{__('web.choise')}})</h6>
                                            <input type="number" class="form-control" min="0" name="count_snacks" placeholder="{{__('web.count_snacks')}}" value="{{$count_snacks}}">
                                        </div>
                                    </div>
                            </div>
                            <button class="butn px-5 mt-5">
                                <span> {{__('web.next')}} </span>
                            </button>
                        </div>
                        </form>
                    </div>
                    <div class="col-lg-5 ps-lg-5">
                        <div class="img">
                            <img src="{{url('')}}/assets/web/images/new_imgs/bg--02_left.webp" alt="" class="w-100">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

</main>


    
    @push('js')
        <script>
            let url_packages = {!! json_encode(url(getCurrentLocale().'/packages/select/packages')) !!}
            let url_species = {!! json_encode(url(getCurrentLocale().'/packages/select/species')) !!}
            let url_days = {!! json_encode(url(getCurrentLocale().'/packages/select/days')) !!}
            let select = '<option>'+{!! json_encode(__('web.select')) !!}+'</option>';
        </script>
        <script src="{{url('')}}/assets/web/js/custom/stepPackageAction.js"></script>
    @endpush   

@stop