@extends('layouts.master')
@section('css')

<!--Internal  Datatable js -->
<link href="{{ URL::asset('assets/plugins/datatable/css/dataTables.bootstrap4.min.css') }}" rel="stylesheet" />
<link href="{{ URL::asset('assets/plugins/datatable/css/buttons.bootstrap4.min.css') }}" rel="stylesheet">
<link href="{{ URL::asset('assets/plugins/datatable/css/responsive.bootstrap4.min.css') }}" rel="stylesheet" />
<link href="{{ URL::asset('assets/plugins/datatable/css/jquery.dataTables.min.css') }}" rel="stylesheet">
<link href="{{ URL::asset('assets/plugins/datatable/css/responsive.dataTables.min.css') }}" rel="stylesheet">
<link href="{{ URL::asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet">

<!-- Internal Spectrum-colorpicker css -->
<link href="{{ URL::asset('assets/plugins/spectrum-colorpicker/spectrum.css') }}" rel="stylesheet">

<!-- Internal Select2 css -->
<link href="{{ URL::asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">

@section('title')
{{ __('home.sales') }}
@stop
@endsection
@section('page-header')

 <div class="main-parent">
    @if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif
@if (session()->has('delete'))
    <div class="alert alert-danger alert-dismissible fade show" role="alert">
        <br>

        <strong>{{ session()->get('delete') }}</strong>
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
@endif

<div class="card shadow-sm border-0 mb-4">
    <div class="card-header bg-white py-3">
        <h5 class="mb-0 fw-bold text-primary">
            <i class="fas {{ isset($brandToEdit) ? 'fa-edit' : 'fa-plus-circle' }} me-2"></i>
               {{ isset($brandToEdit)
                ? __('home.edit_brand')
             : __('home.add_new_brand') }}
        </h5>
    </div>

    <div class="card-body bg-light-50 mt-5">
        <form action="{{ isset($brandToEdit) ? route('product_types.update', $brandToEdit->id) : route('product_types.store') }}" method="POST">
            @csrf
            <div class="row g-3 align-items-end">
                <div class="col-md-4">
                    <label class="form-label small fw-bold"> {{ __('home.name_ar') }}</label>
                    <input type="text" name="name_ar" class="form-control border-2" placeholder="أدخل الاسم بالعربي" value="{{ $brandToEdit->name_ar ?? '' }}" required>
                </div>
                <div class="col-md-4">
                    <label class="form-label small fw-bold">  {{ __('home.name_en') }} </label>
                    <input type="text" name="name_en" class="form-control border-2" placeholder="Enter English Name" value="{{ $brandToEdit->name_en ?? '' }}" required>
                </div>
                <div class="col-md-2">
                    <label class="form-label small fw-bold">{{ __('home.status') }}</label>
                    <select name="status" class="form-select border-2">
                        <option value="1" {{ (isset($brandToEdit) && $brandToEdit->status == 1) ? 'selected' : '' }}>
                            {{ __('home.active') }}
                        </option>
                        <option value="0" {{ (isset($brandToEdit) && $brandToEdit->status == 0) ? 'selected' : '' }}>
                            {{ __('home.inactive') }}
                        </option>
                    </select>
                </div>
                <div class="col-md-2">
                    <div class="d-flex gap-2">
                        <button type="submit" class="btn {{ isset($brandToEdit) ? 'btn-warning text-white' : 'btn-primary' }} w-100 fw-bold">
                               {{ isset($brandToEdit) ? __('home.update') : __('home.save') }}
                        </button>
                        @if(isset($brandToEdit))
                            <a href="{{ route('product_types.index') }}" class="btn btn-secondary"> {{ __('home.cancel') }}</a>
                        @endif
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="card shadow-sm border-0">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0 py-3">
            <thead class="table-light">
                  <tr style="height: 60px;">
                    <th class="ps-4 fs-5">{{ __('home.name_ar') }}</th>
                    <th class="fs-5">{{ __('home.name_en') }}</th>
                    <th class="text-center fs-5">{{ __('home.status') }}</th>
                    <th class="text-end pe-4 fs-5">{{ __('home.actions') }}</th>
                </tr>
            </thead>
            <tbody>
                @foreach($brands as $brand)
                <tr style="height: 80px;"> <td class="ps-4 fw-bold fs-5 text-dark">{{ $brand->name_ar }}</td>
                    <td class="text-muted fs-6">{{ $brand->name_en }}</td>
                    <td class="text-center">
                        @if($brand->status)
                            <span class="badge rounded-pill bg-success-light text-success px-4 py-2 fs-6">  {{ __('home.active') }}</span>
                        @else
                            <span class="badge rounded-pill bg-danger-light text-danger px-4 py-2 fs-6"> {{ __('home.inactive') }}</span>
                        @endif
                    </td>
                    <td class="text-end pe-4">
                        <div class="btn-group shadow-sm">
                            <a href="{{ route('product_types.edit', $brand->id) }}" class="btn btn-md btn-white text-info border px-3" title="{{ __('home.edit') }}">
                                <i class="fas fa-edit fa-lg"></i>
                            </a>
                            <form action="{{ route('product_types.delete', $brand->id) }}" method="POST" class="d-inline">
                                @csrf @method('DELETE')
                                <button type="submit" class="btn btn-md btn-white text-danger border px-3" onclick="return confirm('{{ __('home.confirm_delete') }}')" title="{{ __('home.delete') }}">
                                    <i class="fas fa-trash fa-lg"></i>
                                </button>
                            </form>
                        </div>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>

<style>
    .bg-success-light { background-color: #e8f5e9; color: #2e7d32; }
    .bg-danger-light { background-color: #ffebee; color: #c62828; }
    .form-control:focus, .form-select:focus { border-color: #6259ca; box-shadow: none; }
    .btn-white:hover { background-color: #f8f9fa; }
</style>
@endsection