@extends('Admin.Layouts.Dashboard')

@section('styles')
    <style>

        ul#prices-menu li {
            padding: 30px;
        }

        ul#prices-menu li a {
            max-width: 300px;
            min-height: 110px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 0 10px rgba(0, 0, 0, .05);

            border-radius: 25px;

            transition: all .25s ease-in-out;
            -webkit-transition: all .25s ease-in-out;
            -moz-transition: all .25s ease-in-out;

            color: #1abc9c !important;
        }

        ul#prices-menu li a:hover {
            background-color: #1abc9c !important;
            color: #ffffff !important;
        }

    </style>
@endsection

@section('content')

    <!-- breadcrumb -->
    <div class="breadcrumb-header justify-content-between">
        <div class="my-auto">
            <div class="d-flex">
                <h4 class="content-title mb-0 my-auto"><a href="{{dashboard_route()}}">الرئيسية /</a></h4>
                <span class="text-muted mt-1 tx-13 ms-2 mb-0">{{$page_title}}</span>
            </div>
        </div>

        <div class="d-flex my-xl-auto right-content">
            <button type="button" data-bs-toggle="modal"
                    data-bs-target="#add-edit-offer" id="add-offer-btn"
                    class="btn btn-danger btn-icon mb-1 me-1">
                <i class="mdi mdi-plus"></i>
            </button>

            <span class="btn btn-primary mb-1">
                <span>العروض</span>
                <span class="badge  bg-white ms-1">1</span>
            </span>
        </div>
    </div>

    <!-- Row -->
    <div class="row row-sm">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">{{$page_title}}</h3>
                </div>

                <form action="" method="POST">

                    @csrf
                    @method('PUT')

                    <div class="card-body">

                        <ul id="prices-menu" class="nav nav-pills nav-fill">

                            <li class="nav-item">
                                <a class="nav-link" href="{{dashboard_route('prices.offers.index', $partner->id)}}">أٍسعار
                                    العروض</a>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link" href="{{dashboard_route('prices.percent.index', $partner->id)}}">عروض ال 50%</a>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link" href="{{dashboard_route('prices.vacations.index', $partner->id)}}">أسعار الأجازات</a>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link" href="#">أسعار الأعياد</a>
                            </li>

                        </ul>


                        @foreach($units as $key => $unit)
                            @php
                                $price = $unit->unitPrices;
                            @endphp

                            <div class="row">
                                <div class="col-md-2">
                                    <p class="m-0"><strong>{{$unit->name_ar}}</strong></p>
                                    <p class="m-0">{{$unit->code}}</p>

                                    <input type="hidden" name="price[{{$key}}][unit_id]" value="{{$unit->id}}" />
                                </div>

                                <div class="col-md-10">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="weekdays">أيام الأسبوع</label>

                                                <div class="d-flex justify-content-center align-items-center">
                                                    <input type="number" step="any" name="price[{{$key}}][prices][weekdays]" id="weekdays"
                                                           class="form-control" value="{{$price?->weekdays}}"/>

                                                    <strong class="price ps-2 m-0">ر.س</strong>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="thu">الخميس</label>

                                                <div class="d-flex justify-content-center align-items-center">
                                                    <input type="number" step="any" name="price[{{$key}}][prices][thursday]" id="thu"
                                                           class="form-control" value="{{$price?->thu}}"/>
                                                    <strong class="price ps-2 m-0">ر.س</strong>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="fri">الجمعة</label>

                                                <div class="d-flex justify-content-center align-items-center">
                                                    <input type="number" step="any" name="price[{{$key}}][prices][friday]" id="fri"
                                                           class="form-control" value="{{$price?->fri}}"/>
                                                    <strong class="price ps-2 m-0">ر.س</strong>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="sat">السبت</label>

                                                <div class="d-flex justify-content-center align-items-center">
                                                    <input type="number" step="any" name="price[{{$key}}][prices][saturday]" id="sat"
                                                           class="form-control" value="{{$price?->sat}}"/>
                                                    <strong class="price ps-2 m-0">ر.س</strong>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        @endforeach
                    </div>

                    <div class="card-footer">
                        <button class="btn btn-success"><i class="fa fa-check"></i> حفظ</button>
                    </div>

                </form>
            </div>
        </div>
    </div>

@endsection