@extends('layouts.master')

@section('css')
    <!-- Internal Nice-select CSS -->
    <link href="{{ URL::asset('assets/plugins/jquery-nice-select/css/nice-select.css') }}" rel="stylesheet" />
@endsection

@section('title')
    {{ __('home.tower') }}
@endsection

@section('page-header')
<div class="main-parent">
    <!-- breadcrumb -->
    <div class="breadcrumb-header justify-content-between parent-heading">
        <div class="my-auto">
            <div class="d-flex">
                <h4 class="content-title mb-0 my-auto">{{ __('home.tower') }}</h4>
            </div>
        </div>
    </div>
    <!-- breadcrumb -->
</div>
@endsection

@section('content')
<div class="row">
    <div class="col-lg-12 col-md-12">

        {{-- رسائل الخطأ --}}
        @if ($errors->any())
            <div class="alert alert-danger alert-dismissible fade show">
                <button aria-label="Close" class="close" data-dismiss="alert" type="button">
                    <span aria-hidden="true">&times;</span>
                </button>
                <strong>خطأ</strong>
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        {{-- رسالة النجاح --}}
        @if (session()->has('create_department'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <strong>{{ session()->get('create_department') }}</strong>
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
        @endif

        {{-- نموذج إضافة برج --}}
        <div class="card">
            <div class="card-body pb-0 pt-2">
                <form class="parsley-style-1" id="selectForm2" autocomplete="off" name="selectForm2"
                    action="{{ url(LaravelLocalization::getCurrentLocale() . '/create_tower') }}"
                    method="post">
                    @csrf
                    <div class="row">
                        <div class="col-lg-4">
                            <label class="parent-label">{{ __('home.tower_name') }} <span class="tx-danger">*</span></label>
                            <input class="form-control parent-input form-control-sm mg-b-20" name="tower_name"
                                required type="text">
                        </div>
                    </div>
                    <br>
                    <div class="text-center">
                        <button class="btn btn-main-primary pd-x-20 print-style p-1" type="submit">
                            {{ __('home.Add') }}
                            <svg style="width: 20px" class="svg-icon-buttons" viewBox="0 0 20 20">
                                <path fill="none" d="M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z"></path>
                            </svg>
                        </button>
                    </div>
                </form>
            </div>
        </div>

        <br><br>

        {{-- جدول عرض الأبراج --}}
        <div class="table-responsive hoverable-table">
            <table class="table table-hover table-bordered table-striped" id="example1" data-page-length="50"
                style="text-align: center;">
                <thead>
                    <tr>
                        <th class="wd-10p border-bottom-0">#</th>
                        <th class="wd-15p border-bottom-0">{{ __('home.tower_name') }}</th>
                        <th class="wd-15p border-bottom-0">{{ __('home.mohor_name') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse (App\Models\towers::get() as $user)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $user->tower_name }}</td>
                            <td>{{ $user->mohor->mohor_name ?? '-' }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="3">{{ __('home.no_data_found') }}</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

    </div>
</div>
@endsection

@section('js')
<!-- Internal Nice-select JS -->
<script src="{{ URL::asset('assets/plugins/jquery-nice-select/js/jquery.nice-select.js') }}"></script>
<script src="{{ URL::asset('assets/plugins/jquery-nice-select/js/nice-select.js') }}"></script>

<!-- Internal Parsley JS -->
<script src="{{ URL::asset('assets/plugins/parsleyjs/parsley.min.js') }}"></script>
<script src="{{ URL::asset('assets/js/form-validation.js') }}"></script>

<script>
    // تهيئة التاريخ
    $('.fc-datepicker').datepicker({
        dateFormat: 'yy-mm-dd'
    });

    // اختفاء الرسائل تلقائيًا بعد 4 ثواني
    $(document).ready(function() {
        var timeout = 4000; // milliseconds
        $('.alert').delay(timeout).fadeOut(500);
    });
</script>
@endsection