@extends('dashboard.components.main')
@section('content')
    
            <!-- ============================================================== -->
            <!-- Start right Content here -->
            <!-- ============================================================== -->
            <div class="main-content">

                <div class="page-content">

                    <!-- start page title -->
                    <div class="row">
                        <div class="col-12">
                            <div class="page-title-box d-flex align-items-center justify-content-between">
                                <h4 class="page-title mb-0 font-size-18">@lang('dashboard_banks.banks')</h4>

                                <div class="page-title-right">
                                    <ol class="breadcrumb m-0">
                                        <li class="breadcrumb-item active">@lang('dashboard.welcome') </li>
                                    </ol>
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- end page title -->
     
               
					
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">

                                 
                                    <h4 class="card-title">@lang('dashboard_banks.banks') </h4>
                                    <p class="card-title-desc">@lang('dashboard_sidebar.bank_management')</p>

                                    <table id="datatable-buttons" class="table table-striped table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                                 <thead>
                                                    <tr>
                                              
                                                        <th data-priority="1">@lang('dashboard_banks.date')</th>
                                                        <th data-priority="3">@lang('dashboard_banks.account_name') </th>
                                                        <th data-priority="1">@lang('dashboard_banks.account_number')  </th>
                                                        <th data-priority="3">@lang('dashboard_banks.account_type')</th>
                                                       <th data-priority="1">@lang('dashboard_banks.branches') </th>
            
                                           <th data-priority="1">@lang('dashboard_banks.amount')  </th>
                        
						                        
                                     <th data-priority="1">@lang('buttons.process')  </th>
                                                    </tr>
                                                </thead>

                                        <tbody>
                                            @foreach($banks as $bank)
                                                       <tr>
                                                        <th>{{ $bank->created_at->toDateString() }}</span></th>
                                                        <td>{{$bank->name}}</td>
                                                       <td>{{ $bank->number }}</td>
													     <td>{{ $bank->type }}</td>
														     <td>{{ $bank->balance }}</td>
															  
																     <td>{{ count($bank->branch) }}</td>
                                                        <td> <div class="btn-group" role="group">
                                           
                                                {{-- <a class="popup-form dropdown-item" href="#edittrans">تعديل </a> --}}
                                              
                                                    <a class="popup-form btn btn-primary" href="#addbank">@lang('buttons.edit') @lang('dashboard_banks.account')</a>
                                                
                                                <div class="card mfp-hide mfp-popup-form mx-auto" id="addbank">
                                                    <div class="card-body">
                                                        <h4 class="mt-0 mb-4">@lang('buttons.edit') @lang('dashboard_banks.account')</h4>
                                                        <form action="{{ route('dashboard.banks.update',$bank) }}" method="POST">
                                                            @csrf
                                                            @method('PUT')
                                                            <div class="row">
                                                                <div class="col-lg-6">
                                                                    <div class="form-group">
                                                                        <label for="name">@lang('dashboard_banks.account_name')</label>
                                                                        <input type="text" name="name" value="{{ old('name',$bank->name) }}" class="form-control" id="name" placeholder="@lang('dashboard_banks.account_name')">
                                                                   
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-6">
                                                                    <div class="form-group">
                                                                        {{-- {{ $errors }} --}}
                                                                        <label for="email">@lang('dashboard_banks.account_number')</label>
                                                                        <input type="number" name="number" value="{{ old('number',$bank->number) }}" class="form-control" id="email" placeholder="@lang('dashboard_banks.account_number')">
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-6">
                                                          <div class="form-group">
                                                        <label class="control-label">@lang('dashboard_banks.account_type')</label>
                                                        <select class="form-control select2" name="type">
                                                            <option selected disabled value="{{null}}">@lang('dashboard_banks.select') @lang('dashboard_banks.account_type')</option>
                                                 
                                                                <option value="debit" {{ (old("type",$bank->type) == 'debit' ? "selected":"") }}>@lang('dashboard_banks.debit')</option>
                                                                <option value="credit" {{ (old("type",$bank->type) == 'credit' ? "selected":"") }}>@lang('dashboard_banks.credit')</option>
                                                     
                                                           
                                                        </select>
                                                    </div>
                                                                </div>
                                                                         <div class="col-lg-6">
                                                          <div class="form-group">
                                                        <label class="control-label">@lang('dashboard_banks.branched') </label>
                                                        <select class=" select2 " style="display:block" name="parent">
                                                            <option disabled selected>@lang('dashboard_banks.account') @lang('dashboard_banks.branched')</option>
                                                            @foreach ($parents as $parent)
                                                                
                                                            <option value="{{ $parent->id }}" {{ (old("parent") == $bank->id ? "selected":"") }}>{{ $parent->name }}</option>
                                                            @endforeach
                                                           
                                                        </select>
                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-lg-12">
                                                                    <div class="form-group">
                                                                        <label for="description">@lang('dashboard_banks.account_description')</label>
                                                                        <textarea class="form-control" id="subject" rows="3" name="description">{{ old('description',$bank->description) }}</textarea>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-lg-12">
                                                                    <div class="text-right">
                                                                        <button type="submit" class="btn btn-primary">@lang('buttons.execute')</button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                               
                                        </div></td>
                                               
                                                    </tr>
                                                    @endforeach
                                                      
                                       
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <!-- end col -->
                    </div>
                    <!-- end row -->

                    <!-- end row -->
                 
                </div>
@endsection
<!-- End Page-content -->