@extends('tenant.layouts.master')

@section('style')
<style>
    .txtcolorEdit{
        color: black;
        font-size: 12.5px;
        padding:6px 8px;
    }
    .flex-container{
        display: flex;
        align-items:flex-end;
    }
</style>
@endsection

@section('breadcrumb')
    @include('tenant.layouts.breadcrumb', [
        'items' => [
            $module == 'pos' ?  __('breadcrumb.point_of_sale') :  __('breadcrumb.warehouses') => '/warehouses/branches',
            __('breadcrumb.branches') => route('tenant.' . $module . '.branches.index'),
            __('breadcrumb.branch_data') => '#',
        ],
    ])
@endsection

@section('sidebar')
    @include('tenant.layouts.sidebar', ['activeItem' => $module . '.branches'])
@endsection

@section('content')
    <section class="inner-content-layout form-bg-color p-4 rounded-form">
        <x-tenant.shared.backward-component :direct-to="__('breadcrumb.branches')" link="/{{ $module }}/branches" />

        <div class="py-2 flex-container">
            <h4> @lang('warehouses/branches/show.branch_warehouse_details') </h4>
            <a href="{{ route('tenant.' . $module . '.branches.edit', ['branch' => $branch->id]) }}"
                class="backward-to-button text-decoration-none mx-1 d-flex align-items-center txtcolorEdit" title="{{__('general.edit')}}">
                @lang('general.edit')<i class="fas fa-edit"></i></a>
        </div>

        <div class="row">
            <div class="col-md-6">
                <div class="rounded-3" style="border: 1px solid #e7e7e7;">
                    <h5 class="w-auto rounded-3 px-2 py-2" style="background: #EBEBEC;">@lang('warehouses/branches/show.branch_warehouse_details') </h5>
                    <table class="table table-hover without-herotable mb-0">
                        <tr>
                            <th>@lang('warehouses/branches/show.warehouse_name') </th>
                            <td>{{ $branch->name }}</td>
                        </tr>
                        <tr>
                            <th>@lang('warehouses/branches/show.warehouse_type')</th>
                            <td>{{ $branch->branch_type?->name ?? '---' }}</td>
                        </tr>
                        <tr>
                            <th>@lang('warehouses/branches/show.address')</th>
                            <td>{{ $branch->address }}</td>
                        </tr>
                        <tr>
                            <th>@lang('warehouses/branches/show.monthly_purchase_limit')</th>
                            <td>{{ $branch->maximum_purchase_monthly ?? '---' }}</td>
                        </tr>
                        <tr>
                            <th>@lang('warehouses/branches/show.status')</th>
                            <td>
                                <span class="status-badge {{ $branch->status ? 'green-status' : 'red-status' }}">
                                    {{ $branch->status ? 'فعّال' : 'غير فعّال' }}
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <th>@lang('warehouses/branches/show.purchases_subject_to_tax')</th>
                            <td>
                                <span
                                    class="status-badge {{ $branch->purchases_under_tax ? 'green-status' : 'red-status' }}">
                                    {{ $branch->purchases_under_tax ? 'نعم' : 'لا' }}
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <th>@lang('warehouses/branches/show.sales_subject_to_tax')</th>
                            <td>
                                <span class="status-badge {{ $branch->sales_under_tax ? 'green-status' : 'red-status' }}">
                                    {{ $branch->sales_under_tax ? 'نعم' : 'لا' }}
                                </span>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>

            <div class="col-md-6">
                <div class="rounded-3" style="border: 1px solid #e7e7e7;">
                    <h5 class="w-auto rounded-3 px-2 py-2" style="background: #EBEBEC;">@lang('warehouses/branches/show.contact_information')</h5>
                    <table class="table table-hover without-herotable mb-0">
                        <tr>
                            <th> @lang('warehouses/branches/show.responsible_name')</th>
                            <td>{{ $branch->responsible_name }}</td>
                        </tr>
                        <tr>
                            <th>@lang('warehouses/branches/show.phone_number')</th>
                            <td>{{ $branch->phone ?? '---' }}</td>
                        </tr>
                        <tr>
                            <th>@lang('warehouses/branches/show.fax')</th>
                            <td>{{ $branch->fax ?? '---' }}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </section>
@endsection