@extends('backend.layouts.app')
@section('content')
    <div class="page-content">
        <div class="row">
            @if(App\Models\Backend\Designation::get()->count() == 5)
                @isset($edit_data)
                    <div class="col-md-8">
                @else
                    <div class="col-md-12">
                @endisset
            @else
                <div class="col-md-8">
            @endif
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-6 card-title"><h4>{{$page_title}} LIST</h4></div>
                            <div class="col-6 text-end">
                                <form action="{{route('designation.index')}}" method="GET">
                                    <div class="input-group">
                                        <input type="text" name="search" class="form-control form-control-sm" placeholder="Search" value="@isset($search){{$search}}@endisset" data-input>
                                        <button type="submit" class="input-group-text input-group-addon" data-toggle><i data-feather="search"></i></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th class="text-center">#</th>
                                        <th class="text-center">Name</th>
                                        <th class="text-center">Registration Commission</th>
                                        <th class="text-center">Deposite Commission</th>
                                        <th class="text-center">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($list as $key=>$data)
                                        <tr>
                                            <td class="text-center">{{++$key}}</td>
                                            <td class="text-center">{{$data->name}}</td>
                                            <td class="text-center">₹ {{$data->registration_commission}}</td>
                                            <td class="text-center">{{$data->deposite_commission}} %</td>
                                            <td class="text-center">
                                                <x-edit-btn route="{{ route('designation.edit', $data->id) }}" />
                                                {{-- <x-delete-btn route="{{ route('designation.destroy', $data->id) }}" /> --}}
                                            </td>
                                        </tr>
                                    @empty

                                        <tr>
                                            <td colspan="10" class="text-center text-danger">
                                                <i class="link-icon" data-feather="frown" style="width: 50px; height:50px;"></i><br>
                                                Opps!! There Are No Data Found..
                                            </td>
                                        </tr>

                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            @if(App\Models\Backend\Designation::get()->count() < 5 || isset($edit_data))
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body">
                            @isset($edit_data)
                                <h6 class="card-title">Update {{$page_title}}</h6>
                                <form id="valid_form" method="POST" action="{{route('designation.update',$edit_data->id)}}" enctype="multipart/form-data">
                                @method('PUT')
                            @else
                                <h6 class="card-title">Create {{$page_title}}</h6>
                                <form id="valid_form" method="POST" action="{{route('designation.store')}}" enctype="multipart/form-data">
                            @endisset
                                @csrf
                                <div class="mb-3">
                                    <label for="name" class="form-label">Name</label>
                                    <input id="name" class="form-control" type="text" name="name" @isset($edit_data)value="{{old('name',$edit_data->name)}}" @else value="{{old('name')}}" @endisset required placeholder="Enter Designation Name">
                                    @error('name')
                                        <span class="text-danger">{{$message}}</span>
                                    @enderror
                                </div>
                                <div class="mb-3">
                                    <label for="registration_commission" class="form-label">Registration Commission (in amount)</label>
                                    <input id="registration_commission" class="form-control" type="number" name="registration_commission" @isset($edit_data)value="{{old('registration_commission',$edit_data->registration_commission)}}" @else value="{{old('registration_commission')}}" @endisset required placeholder="Enter Registration Commission Name">
                                    @error('registration_commission')
                                        <span class="text-danger">{{$message}}</span>
                                    @enderror
                                </div>
                                <div class="mb-3">
                                    <label for="deposite_commission" class="form-label">Deposite Commission (in percent)</label>
                                    <input id="deposite_commission" class="form-control" type="number" name="deposite_commission" @isset($edit_data)value="{{old('deposite_commission',$edit_data->deposite_commission)}}" @else value="{{old('deposite_commission')}}" @endisset required placeholder="Enter Deposite Commission Name">
                                    @error('deposite_commission')
                                        <span class="text-danger">{{$message}}</span>
                                    @enderror
                                </div>
                                @isset($edit_data) <x-save-btn text="Update" /> @else <x-save-btn text="Save" /> @endisset
                                @isset($edit_data)
                                    <x-cancle-btn text="Cancel" route="{{route('designation.index')}}" />
                                @endisset
                            </form>
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>
@endsection